:root{--bg:#0A0614;--card:#150E27;--line:#2A1E48;--tx:#F3EEFF;--mu:#A89BC9;--v:#8B5CF6;--m:#D946EF;--p:#EC4899;--c:#22D3EE;--g:linear-gradient(120deg,#8B5CF6,#D946EF 55%,#EC4899);
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:clip;max-width:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:400 17px/1.6 Figtree,system-ui,sans-serif;overflow-x:clip;max-width:100%;overscroll-behavior-x:none}
h1,h2,h3,.brand{font-family:Sora,system-ui,sans-serif;letter-spacing:-.02em;line-height:1.08;margin:0}
a{color:inherit}.wrap{max-width:1120px;margin:0 auto;padding:0 20px;position:relative}
:focus-visible{outline:3px solid var(--c);outline-offset:3px}
.aur{position:fixed;inset:0;z-index:-1;overflow:hidden}
.aur i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.45;animation:dr 16s ease-in-out infinite alternate}
.aur i:nth-child(1){width:520px;height:520px;background:#6D28D9;top:-120px;left:-120px}
.aur i:nth-child(2){width:460px;height:460px;background:#BE185D;top:30%;right:-160px;animation-delay:-5s}
.aur i:nth-child(3){width:420px;height:420px;background:#0E7490;bottom:-140px;left:25%;animation-delay:-9s;opacity:.3}
@keyframes dr{to{transform:translate(70px,50px) scale(1.15)}}
header{position:sticky;top:0;z-index:9;background:rgba(10,6,20,.7);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;text-decoration:none;letter-spacing:.06em}
nav{display:flex;gap:22px;align-items:center;font-size:15px;font-weight:500}nav a{text-decoration:none;color:var(--mu)}nav a:hover{color:#fff}
@media(max-width:720px){nav a:not(.btn){display:none}}
.btn{display:inline-block;padding:15px 28px;border-radius:999px;font-weight:600;text-decoration:none;font-size:16px;border:1.5px solid var(--line);color:#fff;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}.btn.p{background:var(--g);border:0;box-shadow:0 10px 30px -8px #D946EF99}.btn.sm{padding:9px 20px;font-size:14px}
.gt{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero{padding:48px 0 70px}.hero .wrap{display:grid;gap:30px;align-items:center}
@media(min-width:900px){.hero .wrap{grid-template-columns:1fr 1.1fr}}
.hero h1{font-size:clamp(38px,6.4vw,72px);font-weight:800;margin:14px 0 18px}
.big{font-family:Sora;font-weight:800;letter-spacing:.32em;font-size:14px;color:var(--c)}
.hero p{color:var(--mu);max-width:32em;font-size:19px;margin:0}.acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.cl{position:relative;width:min(580px,100%);aspect-ratio:580/540;margin:0 auto}
.cl .ph{position:absolute;width:37%}
.cl .a{left:0;top:12%;transform:rotate(-10deg);animation:fl 7s ease-in-out infinite}
.cl .b{left:31.5%;top:0;width:41%;z-index:2;animation:fl 6s ease-in-out infinite -2s}
.cl .c{right:0;top:12%;transform:rotate(10deg);animation:fl 8s ease-in-out infinite -4s}
@keyframes fl{50%{translate:0 -14px}}
.ph{border-radius:9% / 4.4%;padding:2.6%;background:linear-gradient(160deg,#6b5a9c,#1a1230 40%,#3b2a66);box-shadow:0 40px 70px -20px #000,0 0 60px -10px #8B5CF688;transition:transform .15s}
.ph img{display:block;width:100%;height:auto;border-radius:7% / 3.4%;background:#000}
.stage{perspective:1200px}
.feats{display:grid;gap:16px}@media(min-width:640px){.feats{grid-template-columns:1fr 1fr}}@media(min-width:960px){.feats{grid-template-columns:repeat(3,1fr)}}
.fc{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px;transition:transform .25s,border-color .25s}
.fc:hover{transform:translateY(-4px);border-color:var(--v)}
.fc .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;margin-bottom:14px;background:var(--hue)}
.fc h3{font-size:20px;margin-bottom:6px}.fc p{margin:0;color:var(--mu);font-size:15.5px}
section{padding:76px 0}h2{font-size:clamp(30px,4.6vw,50px);font-weight:800;margin-bottom:12px}
.lead{color:var(--mu);max-width:36em;margin:0 0 38px}
.spot{display:grid;gap:36px;align-items:center;padding:56px 0}
@media(min-width:820px){.spot{grid-template-columns:1fr 1fr;gap:70px}.spot.r .stage{order:-1}}
.spot h3{font-size:clamp(28px,3.8vw,42px);margin-bottom:14px}.spot p{color:var(--mu);margin:0 0 18px;max-width:30em}
.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{padding:7px 14px;border-radius:99px;background:#ffffff10;border:1px solid var(--line);font-size:14px}
.glow{position:relative;width:min(300px,78vw);margin:0 auto}
.glow::before{content:"";position:absolute;inset:-12% -22%;background:radial-gradient(closest-side,var(--h),transparent);opacity:.55;z-index:-1;animation:pu 5s ease-in-out infinite}
@keyframes pu{50%{transform:scale(1.12);opacity:.8}}
.steps{display:grid;gap:18px}@media(min-width:800px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px}
.step b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--g);font-family:Sora;margin-bottom:16px}
.step h3{font-size:21px;margin-bottom:8px}.step p{margin:0;color:var(--mu)}
.wl{list-style:none;margin:0;padding:0;display:grid;gap:14px}@media(min-width:760px){.wl{grid-template-columns:1fr 1fr 1fr}}
.wl li{display:flex;gap:14px;align-items:center;padding:20px;border-radius:20px;background:linear-gradient(135deg,#1d1236,#150E27);border:1px solid var(--line);font-family:Sora;font-weight:500;font-size:17px}
.wl li .wi{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--g);flex:none;box-shadow:0 8px 20px -8px #D946EF99}.ic svg,.wi svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dl{text-align:center}.dl .wrap{padding:64px 20px;border-radius:34px;background:linear-gradient(135deg,#4c1d95aa,#9d174daa);border:1px solid #ffffff22}
.dl p{color:#E6DDFB;margin:0 auto 26px;max-width:30em}.note{font-size:14px;margin-top:14px!important;opacity:.8}
footer{padding:50px 0 30px;font-size:15px;border-top:1px solid var(--line)}
footer .wrap{display:grid;gap:30px}@media(min-width:800px){footer .wrap{grid-template-columns:1.4fr 1fr 1fr}}
footer h4{margin:0 0 10px;font-family:Sora}footer a{display:block;color:var(--mu);text-decoration:none;padding:3px 0}footer a:hover{color:#fff}
.copy{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;color:var(--mu)}
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}html{scroll-behavior:auto}}
.vr{display:inline-flex;gap:8px;align-items:baseline;margin-top:16px;padding:6px 14px;border-radius:99px;background:#ffffff14;border:1px solid #ffffff2a;font-size:14px}.vr b{font-family:Sora;font-variant-numeric:tabular-nums}
.copy{position:relative}
.ov{position:fixed;inset:0;z-index:50;background:#05020Bcc;backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}
.bx{width:min(440px,100%);max-height:90vh;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 30px 80px #000}
.bx h3{font-size:22px;margin-bottom:14px}.bx label{display:block;font-size:14px;color:var(--mu);margin:12px 0 5px}
.bx input,.bx textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#0A0614;color:#fff;font:inherit}
.bx .row{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.bx .sw{display:flex;align-items:center;gap:10px;margin-top:12px}.bx .sw input{width:auto}.bx .sw label{margin:0}
.st{font-size:14px;color:var(--c);margin-top:12px;white-space:pre-wrap;word-break:break-all}

/* ---- Additions ---- */
.skip{position:absolute;left:-999px;top:8px;z-index:99;background:#fff;color:#000;padding:10px 16px;border-radius:10px}.skip:focus{left:8px}
.legal .wrap{max-width:820px}
.legal h2{font-size:clamp(26px,3.6vw,38px);margin-bottom:18px}
.legal h3{font-size:19px;margin:24px 0 6px}
.legal p,.legal li{color:var(--mu);margin:0 0 10px}
.legal ul{padding-left:20px;margin:0 0 10px}
.legal a{color:var(--c)}
.legal .upd{font-size:14px;opacity:.8}
.cbox{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px;text-align:center}
.cbox p{color:var(--mu);margin:0 0 18px}
.top{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:#fff;font-size:20px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s;z-index:8}
.top.on{opacity:1;pointer-events:auto}

section,footer,.hero{overflow-x:clip}
.admwrap{grid-column:1/-1;display:flex;justify-content:center}
.hid{width:160px;height:44px;opacity:0;border:0;background:none;padding:0;cursor:default;-webkit-tap-highlight-color:transparent}
.bx select{width:100%}