.landing{min-height:100vh;min-height:100dvh;background:var(--background);color:var(--foreground);overflow-x:clip}.landing-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--nav-height));min-height:calc(100dvh - var(--nav-height));overflow:hidden;padding:clamp(2.5rem,6vw,4.5rem) clamp(1.15rem,4vw,2rem)}.landing-hero-bg,.landing-hero-bg .login-lightfall,.landing-hero-veil{position:absolute;inset:0}.landing-hero-veil{z-index:0;background:radial-gradient(ellipse 70% 55% at 50% 42%,transparent 0,rgba(8,6,18,.45) 70%),linear-gradient(180deg,rgba(14,14,16,.15),rgba(14,14,16,.55));pointer-events:none}.landing-hero-content{position:relative;z-index:1;max-width:42rem;text-align:center}.landing-hero-brand{margin:0 0 .9rem;color:#fff;font-size:clamp(2.6rem,8vw,4.5rem);font-weight:800;letter-spacing:-.05em;line-height:.98;animation:landing-rise .75s cubic-bezier(.22,1,.36,1) both}.landing-hero-lead{margin:0 auto 1.85rem;max-width:26rem;color:rgba(239,239,241,.78);font-size:1.1rem;line-height:1.5;animation:landing-rise .75s cubic-bezier(.22,1,.36,1) .1s both}.landing-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;animation:landing-rise .75s cubic-bezier(.22,1,.36,1) .18s both}.landing-btn{display:inline-flex;align-items:center;justify-content:center;min-width:8.75rem;height:50px;padding:0 1.35rem;border-radius:12px;font-size:.98rem;font-weight:700;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}.landing-btn:active{transform:translateY(1px)}.landing-btn-primary{background:var(--primary);color:#fff}.landing-btn-primary:hover{background:var(--primary-hover)}.landing-btn-ghost{border:1px solid rgba(255,255,255,.28);background:rgba(14,14,16,.35);color:#fff;backdrop-filter:blur(8px)}.landing-btn-ghost:hover{border-color:rgba(255,255,255,.45);background:rgba(14,14,16,.55)}.landing-band{position:relative;padding:clamp(4rem,9vw,7rem) clamp(1.15rem,4vw,2rem);border-top:1px solid var(--border);background:radial-gradient(ellipse 60% 50% at 90% 20%,rgba(145,71,255,.08),transparent 55%),var(--background)}.landing-band-support{background:radial-gradient(ellipse 55% 45% at 10% 70%,rgba(145,71,255,.1),transparent 50%),var(--surface)}.landing-band-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2rem,5vw,4rem);align-items:center;max-width:68rem;margin:0 auto}.landing-band-grid-reverse{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.landing-band-grid-reverse .landing-band-copy{order:2}.landing-band-grid-reverse .landing-gift-scene{order:1}.landing-band-copy{max-width:28rem}.landing-eyebrow{margin:0 0 .75rem;color:#c4a0ff;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.landing-band-copy h2{margin:0 0 .9rem;color:#fff;font-size:clamp(1.7rem,3.4vw,2.45rem);font-weight:800;letter-spacing:-.04em;line-height:1.12}.landing-band-copy>p:last-child{margin:0;color:var(--muted);font-size:1.08rem;line-height:1.65}.landing-stage{display:grid;gap:.85rem}.landing-stage-screen{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#2a1848,#141018 45%,#0e0e10)}.landing-stage-glow{position:absolute;inset:15% 20% auto;height:55%;background:radial-gradient(ellipse at center,rgba(145,71,255,.55),transparent 70%);filter:blur(2px);animation:landing-stage-breathe 5.5s ease-in-out infinite}.landing-stage-live{position:absolute;top:1rem;left:1rem;z-index:1;display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .55rem;border-radius:6px;background:var(--live);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.06em}.landing-stage-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:landing-pulse 1.4s ease-in-out infinite}.landing-stage-meta{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;gap:.2rem;padding:2.5rem 1.15rem 1.1rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78))}.landing-stage-host{color:#fff;font-size:1rem;font-weight:800}.landing-stage-title{color:rgba(239,239,241,.75);font-size:.88rem;font-weight:500}.landing-stage-chat{display:grid;gap:.45rem;padding:.15rem .2rem 0}.landing-stage-chat p{margin:0;color:rgba(239,239,241,.72);font-size:.9rem;line-height:1.35}.landing-stage-chat strong{color:#d6b8ff;font-weight:700}.landing-gift-scene{position:relative;display:grid;place-items:center;min-height:18rem;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 40%,rgba(145,71,255,.22),transparent 55%),linear-gradient(180deg,#1a1228,#0e0e10)}.landing-gift-orb{position:absolute;border-radius:50%;filter:blur(.5px);animation:landing-gift-float 4.8s ease-in-out infinite}.landing-gift-orb-a{width:5.5rem;height:5.5rem;top:22%;left:28%;background:radial-gradient(circle at 35% 30%,#ffb8f8,#9147ff 60%,transparent 72%);opacity:.9}.landing-gift-orb-b{width:3.2rem;height:3.2rem;top:38%;right:26%;background:radial-gradient(circle at 35% 30%,#fff,#c4a0ff 55%,transparent 70%);opacity:.75;animation-delay:-1.4s}.landing-gift-orb-c{width:2.2rem;height:2.2rem;bottom:34%;left:38%;background:radial-gradient(circle at 35% 30%,#ffe8fb,#772ce8 60%,transparent 72%);opacity:.7;animation-delay:-2.6s}.landing-gift-panel{position:relative;z-index:1;display:grid;gap:.25rem;min-width:11rem;padding:1.1rem 1.25rem;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(14,14,16,.72);backdrop-filter:blur(10px);text-align:center}.landing-gift-label{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.landing-gift-panel strong{color:#fff;font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.landing-gift-coins{color:#c4a0ff;font-size:.9rem;font-weight:600}.landing-phone{display:grid;place-items:center;min-height:18rem}.landing-phone-frame{width:min(100%,14.5rem);padding:.7rem;border-radius:2rem;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#2a2a30,#141418);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.landing-phone-notch{width:4.5rem;height:.55rem;margin:.15rem auto .65rem;border-radius:999px;background:#0a0a0c}.landing-phone-screen{position:relative;display:grid;align-content:end;gap:.55rem;aspect-ratio:9/16;padding:1rem;border-radius:1.35rem;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% 30%,rgba(145,71,255,.45),transparent 60%),linear-gradient(180deg,#241438,#0e0e10 70%)}.landing-phone-live{position:absolute;top:.85rem;left:.85rem;padding:.25rem .45rem;border-radius:5px;background:var(--live);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.06em}.landing-phone-copy{margin:0;color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.landing-phone-bar{height:2.6rem;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.08)}.landing-close{position:relative;padding:clamp(4.5rem,10vw,7.5rem) clamp(1.15rem,4vw,2rem);border-top:1px solid var(--border);text-align:center;background:radial-gradient(ellipse 70% 80% at 50% 100%,rgba(145,71,255,.18),transparent 60%),linear-gradient(180deg,#121016,#0e0e10)}.landing-close-inner{max-width:34rem;margin:0 auto}.landing-close h2{margin:0 0 .75rem;color:#fff;font-size:clamp(1.8rem,3.8vw,2.6rem);font-weight:800;letter-spacing:-.04em;line-height:1.1}.landing-close p{margin:0 0 1.6rem;color:var(--muted);font-size:1.08rem;line-height:1.55}.landing-close .landing-hero-actions{animation:none}@keyframes landing-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes landing-stage-breathe{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes landing-gift-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.landing-gift-orb,.landing-hero-actions,.landing-hero-brand,.landing-hero-lead,.landing-stage-dot,.landing-stage-glow{animation:none!important}}@media (max-width:900px){.landing-band-grid,.landing-band-grid-reverse{grid-template-columns:1fr;gap:2rem}.landing-band-grid-reverse .landing-band-copy,.landing-band-grid-reverse .landing-gift-scene{order:unset}.landing-band-copy{max-width:none;text-align:left}.landing-gift-scene,.landing-phone,.landing-stage{max-width:28rem;margin:0 auto;width:100%}}@media (max-width:640px){.landing-gift-scene{min-height:15rem}}