@font-face{font-family:'Exo 2';font-style:italic;font-weight:800;font-display:swap;src:url('/fonts/exo-2-latin-800-italic.woff2') format('woff2')}
@font-face{font-family:'Exo 2';font-style:italic;font-weight:900;font-display:swap;src:url('/fonts/exo-2-latin-900-italic.woff2') format('woff2')}
@font-face{font-family:'Barlow';font-weight:400;font-display:swap;src:url('/fonts/barlow-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow';font-weight:500;font-display:swap;src:url('/fonts/barlow-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow';font-weight:600;font-display:swap;src:url('/fonts/barlow-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow';font-weight:700;font-display:swap;src:url('/fonts/barlow-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:600;font-display:swap;src:url('/fonts/barlow-condensed-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:700;font-display:swap;src:url('/fonts/barlow-condensed-latin-700-normal.woff2') format('woff2')}
:root{--night:#07101F;--night2:#0D1830;--panel:#102042;--deep:#102B55;--blue:#2563EB;--neon:#4D9BFF;--ice:#DCE8FF;--mute:#AAB8D4;--line:rgba(77,155,255,.28);--bad:#ff7a7a;--ok:#86efac;color-scheme:dark}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--night);color:#fff;font-family:Barlow,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
body{min-height:100vh;background:radial-gradient(120% 60% at 50% -10%,#14305f 0%,var(--night) 60%) fixed}
button,input,textarea,select{font:inherit;color:inherit}
a{color:var(--neon)}
.wrap{max-width:520px;margin:0 auto;padding:22px 20px 40px}
.top{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.top img{width:46px;height:46px;border-radius:50%;box-shadow:0 0 18px rgba(77,155,255,.55)}
.top .t{font-family:'Exo 2';font-style:italic;font-weight:900;font-size:19px;letter-spacing:.3px;line-height:1}
.top .s{font-family:'Barlow Condensed';font-weight:600;font-size:13px;color:var(--neon);letter-spacing:1.6px;text-transform:uppercase;margin-top:3px}
.top .grow{flex:1}
h1{font-family:'Exo 2';font-style:italic;font-weight:900;font-size:30px;line-height:1.08;letter-spacing:.2px}
h1 em,.neon{color:var(--neon);font-style:italic;text-shadow:0 0 18px rgba(77,155,255,.6)}
.lead{color:var(--mute);font-size:16px;margin-top:10px;line-height:1.45}
label{display:block;font-family:'Barlow Condensed';font-weight:600;font-size:14px;letter-spacing:1.3px;text-transform:uppercase;color:var(--ice);margin:16px 0 7px}
label small{color:var(--mute);text-transform:none;letter-spacing:0;font-family:Barlow;font-weight:500;font-size:13px}
.inp{width:100%;height:54px;border-radius:12px;border:1.5px solid var(--line);background:rgba(16,32,66,.75);color:#fff;font:500 17px Barlow;padding:0 16px;outline:none;transition:border-color .15s,box-shadow .15s}
textarea.inp{height:auto;min-height:96px;padding:12px 16px;line-height:1.4;resize:vertical}
.inp:focus{border-color:var(--neon);box-shadow:0 0 0 3px rgba(77,155,255,.18),0 0 18px rgba(77,155,255,.35)}
.inp::placeholder{color:#5f7398}
.inp.err,.plate.err{border-color:var(--bad)}
.ferr{color:var(--bad);font-size:14px;margin-top:6px;min-height:0}
.plate{display:flex;height:54px;border-radius:12px;overflow:hidden;border:1.5px solid var(--line)}
.plate .eu{width:34px;flex:none;background:#1d4ed8;color:#fff;font:700 12px Barlow;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:6px}
.plate .inp{border:0;border-radius:0;background:#f4f7ff;color:#0b1730;font:700 22px 'Barlow Condensed';letter-spacing:3px;text-transform:uppercase;height:100%}
.plate .inp::placeholder{color:#9aa6c0}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.chk{display:flex;gap:12px;align-items:flex-start;margin-top:18px;color:var(--mute);font:500 14px/1.45 Barlow,sans-serif;text-transform:none;letter-spacing:0;cursor:pointer}
.chk input{appearance:none;flex:none;width:24px;height:24px;border-radius:7px;border:1.5px solid var(--neon);background:transparent;margin-top:1px;display:grid;place-content:center;cursor:pointer}
.chk input:checked{background:var(--blue)}
.chk input:checked::after{content:'';width:12px;height:7px;border:solid #fff;border-width:0 0 3px 3px;transform:rotate(-45deg) translate(1px,-1px)}
.chk.err input{border-color:var(--bad)}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:60px;border:0;border-radius:14px;background:linear-gradient(180deg,#3b82f6,#1d4ed8);color:#fff;font-family:'Exo 2';font-style:italic;font-weight:900;font-size:20px;letter-spacing:.5px;box-shadow:0 0 26px rgba(77,155,255,.55),inset 0 1px 0 rgba(255,255,255,.3);margin-top:24px;cursor:pointer;text-decoration:none}
.btn:disabled{opacity:.6;cursor:wait}
.btn.ghost{background:transparent;border:1.5px solid var(--neon);box-shadow:0 0 14px rgba(77,155,255,.3)}
.btn.small{height:46px;font-size:16px;margin-top:0;border-radius:12px}
.btn.danger{background:transparent;border:1.5px solid rgba(255,122,122,.6);color:var(--bad);box-shadow:none}
.card{background:linear-gradient(180deg,rgba(16,43,85,.75),rgba(13,24,48,.85));border:1.5px solid var(--line);border-radius:18px;padding:18px}
.alert{margin-top:16px;border-radius:12px;padding:12px 14px;font-weight:600;font-size:15px;border:1.5px solid rgba(255,122,122,.5);background:rgba(255,122,122,.12);color:#ffd0d0}
.alert.ok{border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.14);color:var(--ok)}
.foot{margin-top:28px;color:var(--mute);font-size:13px;text-align:center;line-height:1.5}
.foot a{color:var(--mute)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ok-badge{width:110px;height:110px;border-radius:50%;margin:30px auto 24px;background:radial-gradient(circle,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px rgba(77,155,255,.75)}
.center{text-align:center}
.recap{margin-top:26px;text-align:left}
.recap div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:16px}
.recap div:last-child{border:0}
.recap b{font-weight:600;color:#fff;text-align:right;word-break:break-word}.recap span{color:var(--mute)}
[hidden]{display:none!important}
