* { box-sizing: border-box; }
.lp { margin: 0; color: #f1f5f9; background: radial-gradient(ellipse at 0 0,#244856,transparent 65%),radial-gradient(ellipse at 100% 10%,#3e2845,transparent 65%),#0b1020; font-family: var(--mrc-font-en),sans-serif; line-height: 1.7; }
.lp[dir=rtl], [dir=rtl] .lp { font-family: var(--mrc-font-fa),sans-serif; }
.lp-light { color: #193e38; background: radial-gradient(ellipse at 10% 10%,#d0e8dd,transparent 60%),radial-gradient(ellipse at 100% 0,#c1ded8,transparent 65%),#f2f3eb; }
.lp-main { min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: 32px 20px; }
.lp-card { width: min(var(--lp-width),100%); padding: clamp(24px,4vw,54px); border: 1px solid #ffffff26; border-radius: 30px; background: #111528aa; box-shadow: 0 24px 70px #0003; text-align: center; overflow-wrap: anywhere; }
.lp-light .lp-card { background: #fffffff0; border-color: #ffffffaa; box-shadow: 0 24px 60px #214b3326; }
.lp h1 { font-size: clamp(24px,3.4vw,36px); line-height: 1.6; margin: 0 0 24px; }
.lp p { font-size: clamp(16px,2vw,18px); opacity: .85; margin: 0 0 32px; }
.lp-cta { display: flex; align-items: center; justify-content: center; gap: .25em; min-height: 64px; padding: 16px 24px; border-radius: 18px; color: white; background: linear-gradient(110deg,#218aa4,#5865d9,#ac3266); text-decoration: none; font-size: clamp(18px,2vw,22px); font-weight: 800; box-shadow: 0 12px 35px #545bdd40; transition: transform .2s,filter .2s; }
.lp-light .lp-cta { background: linear-gradient(110deg,#21483f,#387e6f); box-shadow: 0 12px 32px #285e4838; }
.lp-cta:hover { filter: brightness(1.1); transform: translateY(-2px); }
.lp a:focus-visible { outline: 3px solid currentColor; outline-offset: 5px; }
.lp-footer { margin-top: 32px; font-size: 13px; }
.lp-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 22px; }
.lp-footer a { color: inherit; text-underline-offset: 4px; }
.lp-picture { display: block; }
.lp-image-card .lp-picture { margin-bottom: 28px; }
.lp-image-card img { display: block; width: 100%; height: auto; max-height: 45svh; object-fit: contain; border-radius: 18px; }
.lp-backdrop { position: fixed; inset: 0; z-index: -1; }
.lp-backdrop img { width: 100%; height: 100%; object-fit: cover; }
.lp-backdrop .lp-picture { height: 100%; }
.lp-backdrop::after { content: ''; position: absolute; inset: 0; background: rgb(0 0 0 / var(--lp-overlay)); }
.lp-fullscreen, .lp-screenshot { background: #14201e; isolation: isolate; }
.lp-fullscreen .lp-main, .lp-screenshot .lp-main { position: fixed; inset: 0; min-height: 0; display: block; padding: 0; pointer-events: none; }
.lp-fullscreen .lp-card, .lp-screenshot .lp-card { position: absolute; inset-inline-start: 50%; top: var(--lp-position); transform: translate(-50%,-50%); width: min(var(--lp-width),calc(100% - 40px)); max-height: 80svh; overflow: auto; pointer-events: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: white; }
[dir=rtl] .lp-fullscreen .lp-card, [dir=rtl] .lp-screenshot .lp-card { transform: translate(50%,-50%); }
.lp-fullscreen > .lp-footer, .lp-screenshot > .lp-footer { position: fixed; bottom: max(16px,env(safe-area-inset-bottom)); left: 20px; right: 20px; color: white; text-shadow: 0 1px 4px #000; padding: 8px; border-radius: 12px; background: #0009; }
.lp-scroll .lp-backdrop { position: relative; }
.lp-scroll .lp-backdrop img { height: auto; min-height: 100svh; object-fit: contain; vertical-align: middle; }
.lp-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px !important; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media(max-width:640px) { .lp-card { border-radius: 24px; } .lp-fullscreen .lp-card,.lp-screenshot .lp-card { top: var(--lp-mobile-position); } }
@media(prefers-reduced-motion:reduce) { .lp-cta { transition: none; } .lp-cta:hover { transform: none; } }