@font-face{font-family:Inter;src:url(assets/fonts/inter-cyrillic.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;src:url(assets/fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100svh;background:#080b10;color:#fff;font:14px Inter,system-ui,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #93b6ff;outline-offset:4px}[hidden]{display:none!important}#cinema,.shade{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.shade{z-index:-1;background:linear-gradient(90deg,rgba(5,8,13,.36),rgba(5,8,13,.06) 48%,rgba(5,8,13,.22)),linear-gradient(0deg,rgba(5,8,13,.78),transparent 35%,transparent 75%,rgba(5,8,13,.7))}header,footer{display:flex;align-items:center;justify-content:space-between;padding:30px 4.5vw}header{height:104px}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:26px;font-weight:650;letter-spacing:-1px}.brand img{width:37px;height:42px;object-fit:contain;filter:brightness(0) invert(1)}.os{font-weight:450}.seat{display:flex;align-items:center;gap:12px;font-size:13px;color:#d2d7df;background:#10151b55;border:1px solid #ffffff1f;border-radius:10px;padding:12px 16px;backdrop-filter:blur(16px)}.seat strong{color:#fff;font-weight:600}.connected,.demo-dot{width:6px;height:6px;background:#65d6aa;border-radius:50%;box-shadow:0 0 10px #65d6aa55}.seat-divider{width:1px;height:14px;background:#ffffff30}main{min-height:calc(100svh - 190px);display:flex;align-items:center;justify-content:space-between;gap:48px;padding:24px 8vw 30px 7vw}.intro{padding-top:20px;max-width:540px}.eyebrow,.panel-kicker{font-size:10px;font-weight:600;letter-spacing:2px;color:#d4d9e0}.intro h1{font-weight:550;font-size:clamp(44px,4.5vw,76px);line-height:1.07;letter-spacing:-3px;margin:22px 0}.intro p{font-size:16px;line-height:1.8;color:#d3d7de}.features{display:flex;gap:18px;margin-top:28px;color:#c6cbd2;font-size:11px}.features span+span:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#d4d9e080;margin:0 18px 3px 0}.glass{width:448px;flex-shrink:0;padding:28px 32px 0;border:1px solid #ffffff2d;border-radius:22px;background:linear-gradient(135deg,#ffffff0d,#ffffff03),#0d1524b3;backdrop-filter:blur(26px) saturate(1.15);box-shadow:0 24px 80px #0005,inset 0 1px 0 #ffffff0a}.tabs{display:flex;padding:4px;border-radius:10px;background:#050b164a;border:1px solid #ffffff0b;margin-bottom:30px}.tabs button{width:50%;border:0;border-radius:7px;background:none;color:#aeb7c8;font-size:13px;font-weight:500;padding:10px 12px;transition:background .18s,color .18s}.tabs button[aria-selected=true]{background:#ffffff16;color:white;box-shadow:0 2px 5px #0002}.panel-kicker{font-size:9px;letter-spacing:1.5px;color:#96a6bf}h2{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:10px 0 9px;font-weight:550}#form-description{color:#bbc4d3;font-size:12px;line-height:1.7;margin:0 0 26px}.field{margin-bottom:18px}.field label{font-size:12px;font-weight:500;color:#e1e5ec}.label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.field>label{display:block;margin-bottom:8px}.field input{width:100%;border:1px solid #ffffff24;background:#080e1b59;color:#fff;height:46px;border-radius:9px;padding:0 14px;transition:border .15s}.field input:focus{border-color:#85aaff}.field input::placeholder{color:#8793a7;font-size:12px}.secret-wrap{position:relative}.secret-wrap input{padding-right:47px}.secret-wrap button{position:absolute;right:6px;top:5px;width:36px;height:36px;display:grid;place-items:center;color:#a4b0c3;background:none;border:0;border-radius:6px}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.text-button{color:#a6c5ff;background:none;border:0;padding:0;font-size:11px}.text-button:hover{color:white}.primary{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:16px;background:#2864ed;border:1px solid #5c8cff80;border-radius:9px;color:white;font-size:13px;font-weight:550;margin-top:24px;box-shadow:0 6px 24px #1859de22;transition:background .15s,transform .15s}.primary:hover{background:#3674ff}.primary:active{transform:translateY(1px)}.alternative{border-top:1px solid #ffffff14;margin-top:24px;padding-top:21px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#aeb7c8;gap:10px}.alternative button{white-space:nowrap}.panel-footer{margin:25px -32px 0;padding:16px 32px;display:flex;align-items:center;gap:7px;border-top:1px solid #ffffff14;font-size:9px;color:#9aa9bf}.demo-dot{width:4px;height:4px;background:#90a8d1;box-shadow:none}.reset-note{margin-left:auto;font-size:9px;color:#92a0b6}.consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.6;color:#d1d8e4}.consent input{accent-color:#2864ed;margin:2px 0;width:14px;height:14px}.consent small{font-size:9px;color:#97a5ba}.message{font-size:11px;line-height:1.6;padding:10px 12px;background:#a1bbef10;border:1px solid #a1bbef20;border-radius:7px;color:#cfdefb}.message.error{color:#ffc1bc;background:#de756612;border-color:#de756631}footer{height:86px;padding-top:16px;padding-bottom:24px}.footer-brand{font-size:10px;color:#bac2cf;letter-spacing:.2px}.media-controls{display:flex;gap:8px}.media-controls button{display:flex;gap:8px;align-items:center;justify-content:center;min-width:38px;height:36px;padding:0 12px;color:#e7edf7;border:1px solid #ffffff26;background:#11182765;backdrop-filter:blur(12px);border-radius:8px;font-size:10px}.media-controls button:hover{background:#ffffff18}@media(min-width:1600px){main{padding-right:12vw;padding-left:10vw}.glass{width:464px;padding-top:32px}}@media(max-width:1000px){main{gap:24px;padding-left:5vw;padding-right:5vw}.intro h1{font-size:48px;letter-spacing:-2px}.features{gap:9px}.features span+span:before{margin-right:9px}.glass{width:412px;padding-left:26px;padding-right:26px}.panel-footer{margin-left:-26px;margin-right:-26px;padding-left:26px;padding-right:26px}}@media(max-width:760px){header{height:84px;padding:22px 22px}.brand{font-size:22px}.brand img{width:28px;height:34px}.seat{font-size:10px;gap:8px;padding:10px}.intro{display:none}main{min-height:calc(100svh - 164px);padding:12px 20px 28px;justify-content:center}.glass{width:100%;max-width:448px}footer{height:80px;padding:16px 22px}.footer-brand{font-size:9px}.shade{background:linear-gradient(0deg,#050810bb,#05081011 45%,#05081066)}#cinema{object-position:40% center}}@media(max-width:360px){header{padding:20px 16px}.seat{gap:6px}.brand{gap:7px}main{padding:10px 12px 22px}.glass{padding-left:20px;padding-right:20px}.panel-footer{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.reset-note{font-size:8px}footer{padding-left:16px;padding-right:16px}.footer-brand{max-width:100px;line-height:1.5}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Centered compact authentication; original cinematic footage remains dominant. */
#cinema{height:134vh;top:50%;transform:translateY(-50%);object-position:center center}
.shade{background:linear-gradient(0deg,#05081028,transparent 25%,transparent 80%,#05081020)}
header{height:82px;padding:22px 3vw}.brand{font-size:22px;gap:10px}.brand img{width:29px;height:34px}.seat{background:#10151b25;border-color:#ffffff22;padding:9px 12px}
main{min-height:calc(100svh - 156px);justify-content:center;padding:16px 20px 24px;gap:0}
.glass{width:360px;padding:22px 24px 0;border-radius:16px;background:linear-gradient(135deg,#ffffff0b,#ffffff02),#0b14244f;backdrop-filter:blur(10px);box-shadow:0 12px 50px #0003,inset 0 1px 0 #ffffff0a}
.tabs{margin-bottom:24px;background:#080e1728}.tabs button{font-size:12px;padding:9px}.tabs button[aria-selected=true]{background:#ffffff1a}
#form-title,#form-description{display:none}.field{margin-bottom:16px}.field label{font-size:11px}.field input{height:42px;background:#080e1b30;border-color:#ffffff30;font-size:12px}.field input::placeholder{color:#c0c8d5;font-size:11px}.secret-wrap button{top:3px}
.primary{height:42px;margin-top:20px;font-size:12px}.alternative{margin-top:20px;padding-top:18px;font-size:10px}.text-button{font-size:10px}.panel-footer{margin:20px -24px 0;padding:12px 24px;font-size:8px}.reset-note{font-size:8px;color:#c0c9d8}.panel-footer{color:#c0c9d8}.consent{font-size:10px}.consent small{color:#c0c9d8}.message{font-size:10px}
footer{height:74px;padding:16px 3vw 22px;justify-content:flex-end}.media-controls button{background:#11182735;backdrop-filter:blur(8px)}
@media(min-width:1600px){main{padding:16px 20px 24px}.glass{width:360px;padding-top:22px}}
@media(max-width:760px){header{padding:20px;height:78px}.brand{font-size:20px}.brand img{width:25px;height:30px}.seat{font-size:9px;gap:7px}main{min-height:calc(100svh - 148px);padding:12px 18px 24px}.glass{width:360px;max-width:100%}footer{height:70px;padding:16px 20px}.shade{background:#05081010}#cinema{object-position:48% center}}
@media(max-width:360px){header{padding:18px 14px}main{padding:10px 14px 20px}.glass{padding-left:20px;padding-right:20px}.panel-footer{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.alternative{gap:6px}footer{padding:14px}}
/* Place authentication just below the visual center, with room for shorter screens. */
.glass{transform:translateY(clamp(0px,calc((100svh - 740px)*.45),70px))}

footer{position:fixed;bottom:0;left:0;right:0;z-index:5}
.launch{position:fixed;left:50%;bottom:18svh;transform:translateX(-50%)}
#open-auth{display:flex;align-items:center;justify-content:center;gap:16px;height:40px;padding:0 22px;border:1px solid #ffffff50;border-radius:10px;background:#11182738;backdrop-filter:blur(10px);color:white;font-size:12px;font-weight:500;box-shadow:0 8px 24px #0002;transition:background .2s,border-color .2s}
#open-auth:hover{background:#ffffff22;border-color:#ffffff80}
.glass{position:relative}
#close-auth{position:absolute;top:-36px;right:0;width:28px;height:28px;display:grid;place-items:center;border:1px solid #ffffff35;background:#11182740;backdrop-filter:blur(8px);color:#e8edf5;border-radius:8px}
#close-auth:hover{background:#ffffff25}
#close-auth svg{width:15px;height:15px}
#auth-stage:not([hidden]) .glass{animation:reveal-glass .22s ease-out both}
@keyframes reveal-glass{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){#auth-stage:not([hidden]) .glass{animation:none}}

footer{justify-content:space-between}.site-credit{color:#dde5ef;opacity:.78;font-size:10px;letter-spacing:.15px;text-decoration:none;padding:8px 0;display:flex;align-items:center;gap:7px}.site-credit span{font-size:11px;color:#a6bce2}.site-credit:hover{opacity:1;color:white}.site-credit:focus-visible{outline:2px solid #93b6ff;outline-offset:4px;border-radius:2px}