:root{color-scheme:dark;--pink:#f42aa8;--violet:#a832fa;--cyan:#13c8f3;--ink:#05040d;--panel:rgba(24,21,36,.9);--panel-deep:rgba(8,7,18,.82);--line:rgba(255,255,255,.14);--muted:#aaa6b6;--white:#fbfaff}
*{box-sizing:border-box}
html{min-height:100%;background:var(--ink);scroll-behavior:smooth}
body{min-height:100vh;margin:0;overflow-x:hidden;color:var(--white);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% 14%,rgba(92,32,189,.2),transparent 34%),linear-gradient(135deg,#07050e 0%,#080617 48%,#04101b 100%)}
button,input,textarea,summary{font:inherit}
button,summary{-webkit-tap-highlight-color:transparent}
.aurora{position:fixed;width:54vw;height:70vh;z-index:0;filter:blur(70px);opacity:.38;pointer-events:none;animation:aurora 13s ease-in-out infinite alternate}
.aurora-pink{left:-21vw;bottom:-10vh;background:radial-gradient(circle,#e81991 0%,rgba(122,16,110,.58) 38%,transparent 71%)}
.aurora-cyan{right:-21vw;top:-7vh;background:radial-gradient(circle,#009bd2 0%,rgba(7,78,140,.58) 38%,transparent 71%);animation-delay:-6s}
.ambient-notes{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.note,.spark{position:absolute;text-shadow:0 0 22px currentColor;animation:float 7s ease-in-out infinite}
.note{font-size:2rem}.note-one{left:8%;top:19%;color:rgba(255,37,164,.7)}.note-two{right:8%;top:22%;color:rgba(19,200,243,.72);animation-delay:-2s}.note-three{right:14%;bottom:20%;color:rgba(180,48,250,.72);animation-delay:-4s}.spark{font-size:2.2rem;color:rgba(255,255,255,.38)}.spark-one{left:16%;bottom:17%;animation-delay:-1s}.spark-two{right:22%;top:13%;font-size:1.25rem;animation-delay:-5s}
.shell{position:relative;z-index:1;min-height:100vh;padding:28px 24px 22px;display:flex;flex-direction:column;align-items:center}
.topbar{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.brand{padding-top:9px;color:#c8c5d0;text-decoration:none;text-transform:uppercase;letter-spacing:.24em;font-size:.72rem;font-weight:800}.brand span{margin-right:7px;color:#fff;text-shadow:0 0 14px #fff}
.locale-control{position:relative;visibility:hidden;opacity:0;transform:translateY(-8px);transition:.25s ease;z-index:10}
body[data-view="form"] .locale-control,body[data-view="success"] .locale-control{visibility:visible;opacity:1;transform:none}
.locale-control summary{min-width:142px;height:48px;padding:0 15px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;background:rgba(8,7,18,.78);cursor:pointer;list-style:none;box-shadow:0 10px 35px rgba(0,0,0,.22);backdrop-filter:blur(18px)}
.locale-control summary::-webkit-details-marker{display:none}.locale-control summary strong{font-size:.93rem}.locale-control summary i{margin-left:auto;color:#888493;font-style:normal;transition:.2s}.locale-control[open] summary i{transform:rotate(180deg)}
.locale-menu{position:absolute;right:0;top:56px;width:190px;padding:8px;border:1px solid var(--line);border-radius:16px;background:rgba(14,12,25,.98);box-shadow:0 20px 50px rgba(0,0,0,.48);animation:menuIn .18s ease-out}
.locale-menu button{width:100%;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:#eeeaf4;display:flex;gap:10px;align-items:center;cursor:pointer;text-align:left}.locale-menu button:hover,.locale-menu button:focus-visible{outline:none;background:rgba(244,42,168,.13);color:#fff}
.card{position:relative;width:min(100%,550px);margin:auto;padding:40px 42px 34px;border:1px solid transparent;border-radius:31px;background:linear-gradient(145deg,rgba(34,30,47,.95),rgba(14,13,27,.95)) padding-box,linear-gradient(145deg,rgba(244,42,168,.65),rgba(255,255,255,.15) 45%,rgba(19,200,243,.65)) border-box;box-shadow:0 34px 100px rgba(0,0,0,.52),0 0 70px rgba(104,42,224,.11);backdrop-filter:blur(22px);overflow:hidden;animation:cardIn .65s cubic-bezier(.2,.8,.2,1)}
.card-glow{position:absolute;width:230px;height:230px;left:50%;top:-180px;transform:translateX(-50%);border-radius:50%;background:rgba(244,42,168,.26);filter:blur(42px);pointer-events:none}
.icon{position:relative;width:64px;height:64px;margin:0 auto 20px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,var(--pink),var(--violet));box-shadow:0 13px 38px rgba(244,42,168,.34),inset 0 1px rgba(255,255,255,.34);font-size:32px;animation:iconPulse 3.2s ease-in-out infinite}
.icon:after{content:"";position:absolute;inset:-8px;border:1px solid rgba(244,42,168,.24);border-radius:25px;animation:ring 3.2s ease-out infinite}.icon span{animation:micFloat 2.8s ease-in-out infinite}
.step{display:none}.step.active{display:block;animation:stepIn .48s cubic-bezier(.2,.8,.2,1)}
.eyebrow{margin:0 0 12px;text-align:center;text-transform:uppercase;letter-spacing:.24em;color:#aaa6b6;font-weight:800;font-size:.72rem}.eyebrow:first-letter{color:#ddd}
h1{max-width:480px;margin:0 auto 15px;text-align:center;font-size:clamp(2.05rem,5vw,2.78rem);font-weight:520;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.intro{max-width:465px;margin:0 auto 27px;text-align:center;color:var(--muted);font-size:1rem;line-height:1.55;text-wrap:pretty}.form-intro{margin-bottom:18px}
.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.language{position:relative;min-height:58px;padding:0 14px;border:1px solid var(--line);border-radius:15px;background:rgba(5,4,14,.68);color:var(--white);display:flex;gap:11px;align-items:center;text-align:left;cursor:pointer;overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.language:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-110%);transition:.48s}.language:hover:before{transform:translateX(110%)}.language>span{font-size:1.35rem;filter:saturate(1.08)}.language strong{font-size:.93rem}.language b{margin-left:auto;color:rgba(80,203,190,.47);font-size:.85rem}.language:hover,.language:focus-visible{outline:none;border-color:rgba(244,42,168,.74);transform:translateY(-2px);box-shadow:0 10px 28px rgba(244,42,168,.13)}.language.selected{border-color:var(--pink);background:rgba(244,42,168,.12)}.language.selected b{color:#65e2d4}.language.choosing{animation:choose .42s ease}
.back{margin:-4px 0 18px;padding:4px 0;border:0;background:transparent;color:#c9c6d2;font-size:.88rem;cursor:pointer;transition:.2s}.back:hover{color:#fff;transform:translateX(-3px)}
.selected-language{width:max-content;margin:0 auto 24px;padding:8px 13px;border:1px solid rgba(244,42,168,.34);border-radius:999px;background:rgba(244,42,168,.09);font-size:.88rem;box-shadow:0 8px 28px rgba(244,42,168,.08)}.selected-language span{margin-right:7px}
.fields{display:grid;gap:15px}.fields label{display:block;color:#dedbe5;font-size:.91rem;font-weight:700}.fields label>span{display:inline-block;margin-bottom:7px}.fields label em{color:var(--pink);font-style:normal}.fields input,.fields textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(5,4,14,.67);padding:14px 15px;color:#fff;font-size:1rem;line-height:1.4;outline:none;resize:vertical;transition:border-color .2s,box-shadow .2s,transform .2s}.fields input::placeholder,.fields textarea::placeholder{color:#777382}.fields input:focus,.fields textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(244,42,168,.11),0 12px 25px rgba(0,0,0,.15);transform:translateY(-1px)}.trap{position:absolute!important;left:-9999px!important}
.submit{position:relative;width:100%;min-height:58px;margin-top:22px;padding:0 18px;border:0;border-radius:17px;overflow:hidden;background:linear-gradient(100deg,var(--pink),var(--violet));color:#fff;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 16px 34px rgba(206,39,198,.25);transition:transform .2s,box-shadow .2s,filter .2s}.submit:before{content:"";position:absolute;inset:-2px;background:linear-gradient(100deg,transparent 22%,rgba(255,255,255,.35) 48%,transparent 74%);transform:translateX(-120%);animation:shine 4.2s ease-in-out infinite}.submit span,.submit i{position:relative}.submit i{font-style:normal;font-size:1.35rem;transition:transform .2s}.submit:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.1);box-shadow:0 20px 42px rgba(206,39,198,.35)}.submit:hover i{transform:translateX(3px)}.submit:disabled{opacity:.62;cursor:wait}
.message{min-height:0;margin:12px 0 0;text-align:center;font-size:.9rem}.message:empty{display:none}.error{color:#ff8fb8}
.mini-steps{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-steps span{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;color:#817d8c}.mini-steps b{width:25px;height:25px;border:1px solid rgba(255,255,255,.14);border-radius:50%;display:grid;place-items:center;color:#bbb7c4;font-size:.72rem}.mini-steps i{font-style:normal;font-size:.72rem;line-height:1.3}
.success{text-align:center}.success-mark{position:relative;width:76px;height:76px;margin:4px auto 20px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#24dda9,#13a994);font-size:34px;font-weight:900;box-shadow:0 15px 40px rgba(19,203,155,.23);animation:successPop .58s cubic-bezier(.2,1.55,.5,1)}.success-mark:after{content:"";position:absolute;inset:-12px;border:1px solid rgba(36,221,169,.35);border-radius:50%;animation:ring 2.3s ease-out infinite}.request-code{display:inline-block;margin:0 auto 4px;padding:9px 13px;border-radius:10px;background:rgba(255,255,255,.06);color:#bbb8c6;font-size:.88rem}
footer{padding-top:18px;color:#696674;font-size:.72rem;letter-spacing:.08em}
@keyframes cardIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes stepIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes menuIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
@keyframes float{0%,100%{transform:translateY(0) rotate(-5deg);opacity:.6}50%{transform:translateY(-18px) rotate(5deg);opacity:1}}
@keyframes aurora{from{transform:translate3d(-2%,1%,0) scale(.96)}to{transform:translate3d(3%,-2%,0) scale(1.08)}}
@keyframes iconPulse{0%,100%{box-shadow:0 13px 38px rgba(244,42,168,.3)}50%{box-shadow:0 16px 48px rgba(244,42,168,.48)}}
@keyframes micFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(5deg)}}
@keyframes ring{0%{opacity:.7;transform:scale(.88)}75%,100%{opacity:0;transform:scale(1.18)}}
@keyframes shine{0%,62%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}
@keyframes choose{50%{transform:scale(.97);box-shadow:0 0 0 5px rgba(244,42,168,.12)}}
@keyframes successPop{from{opacity:0;transform:scale(.45) rotate(-18deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@media(max-width:640px){.shell{padding:18px 14px 16px}.topbar{align-items:flex-start}.brand{font-size:.6rem;letter-spacing:.18em}.locale-control summary{min-width:0;height:43px;padding:0 11px}.locale-control summary strong{display:none}.locale-menu{top:50px}.card{margin:40px 0 20px;padding:30px 20px 25px;border-radius:26px}.language-grid{grid-template-columns:1fr}h1{font-size:2.02rem}.icon{width:58px;height:58px;border-radius:18px}.mini-steps i{font-size:.67rem}}
@media(max-width:370px){.card{padding-inline:16px}.language{min-height:55px}.mini-steps{gap:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}