:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f4f7ff;background:#000b16}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:linear-gradient(90deg,#000b1644,#000b1610),url('assets/hero-hd.png') center center/cover fixed no-repeat}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(0deg,#00091866,transparent 65%);z-index:0}header,main,footer{position:relative}header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(22px,4vw,75px);background:#00091277}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:25px;font-weight:bold}.brand img{width:45px;height:45px;border-radius:50%;object-fit:cover}a{color:#00d5f3;text-underline-offset:3px}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #00d5f3}main{display:flex;justify-content:center;align-items:center;padding:32px 20px;min-height:calc(100svh - 152px)}.auth-card{width:100%;max-width:410px;padding:30px 28px;border:1px solid #126084;border-radius:22px;background:linear-gradient(150deg,#001320f5,#000b14f5);box-shadow:0 20px 65px #0007}h1{font-size:25px;line-height:1.25;margin:0 0 12px;text-align:center;letter-spacing:-.5px}.intro{text-align:center;color:#b8cbde;font-size:14px;line-height:1.55;margin:0 0 25px}.demo-note{color:#9dd9ec;font-size:12px;line-height:1.5;border:1px solid #16475b;border-radius:9px;padding:10px 12px;background:#032438a6;margin:18px 0}.demo-note strong{color:#00defa}form{display:grid;gap:15px}label{font-size:13px;color:#b6cada;display:block}input:not([type=checkbox]){display:block;width:100%;background:#061b2a;color:#f5f8ff;border:1px solid #25475e;border-radius:9px;padding:13px 14px;min-height:46px;margin-top:6px}input:focus{outline:1px solid #00d9f5;border-color:#00d9f5}input[aria-invalid=true]{border-color:#ff6e8a}.password-field{position:relative}.password-field input{padding-right:48px}.reveal{position:absolute;right:3px;bottom:2px;width:43px;height:42px;padding:0;border:0;background:none;color:#c8dce9}.reveal svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.button,button{border:1px solid #24526a;border-radius:10px;padding:12px 16px;background:#061b2a;color:white;text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px}.primary{background:linear-gradient(100deg,#00cce9,#168bff 48%,#b720fa);border:0;color:white;font-weight:bold;box-shadow:0 0 18px #00cfff26;width:100%}.primary:hover{filter:brightness(1.12)}button:disabled{opacity:.55;cursor:wait}.google{width:100%;background:linear-gradient(120deg,#041a2a,#061723);font-size:14px}.google b{font-size:23px;color:#4badff}.divider{display:flex;align-items:center;gap:14px;color:#95b0c5;font-size:12px;margin:18px 0}.divider:before,.divider:after{content:'';height:1px;background:#1b4156;flex:1}.form-options{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.check{display:flex;gap:7px;align-items:center;font-size:12px}input[type=checkbox]{accent-color:#00d5ee;width:15px;height:15px;margin:0}.rules{font-size:12px;line-height:1.65;color:#89a1b7;margin:0;padding:0;list-style:none}.rules li:before{content:'○';margin-right:8px}.rules li.valid{color:#29e2c6}.rules li.valid:before{content:'✓'}.below{text-align:center;font-size:12px;color:#adc3d5;margin:20px 0 0}.back{display:block;text-align:center;font-size:13px;margin-top:20px}.error{color:#ff96a7;background:#461324;border:1px solid #8b304b;font-size:13px;line-height:1.5;padding:11px;border-radius:8px;margin:0}.emblem{width:70px;height:70px;border:1px solid #304ae6;border-radius:50%;background:radial-gradient(circle,#154988,#0c1849);color:#00dcff;box-shadow:0 0 25px #4741ff45;display:grid;place-items:center;margin:0 auto 22px;font-size:33px}.emblem.success{background:#002a39;border:2px solid #00cfff;font-size:42px}.code-inputs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.code-inputs input{text-align:center;font-size:22px;padding:12px 0;margin:0;border-color:#54718f}.resend{display:block;margin:15px auto 0;padding:0;min-height:25px;background:none;border:0;color:#00cfee;font-size:12px;text-decoration:underline}.route-hint{font-size:12px;color:#92bbce;text-align:center}footer{text-align:center;padding:5px 20px 20px;font-size:11px;color:#a1bdd1}footer button{border:0;background:none;color:#9ab7ca;text-decoration:underline;min-height:30px;padding:5px;font-size:11px}dialog{background:#001320;color:white;border:1px solid #126084;border-radius:20px;padding:28px;width:min(420px,calc(100% - 32px));box-shadow:0 20px 80px #0009}dialog::backdrop{background:#000b}dialog h2{font-size:23px;margin:0 0 15px}dialog p{color:#b8cbde;line-height:1.6;font-size:14px}.dialog-actions{display:grid;gap:10px;margin-top:22px}.top-link{font-size:12px;border:1px solid #17506b;padding:9px 13px;border-radius:9px;text-decoration:none;color:#b8d7e7}[hidden]{display:none!important}@media(min-width:1200px){body{background-position:center 38%}.auth-card{margin-right:0}}@media(max-width:480px){body{background-position:65% center}header{height:72px;padding:14px 20px}.brand{font-size:22px}.brand img{width:39px;height:39px}main{min-height:calc(100svh - 140px);padding:20px 15px}.auth-card{padding:25px 20px;border-radius:19px}h1{font-size:23px}.intro{font-size:13px}.code-inputs{gap:7px}.form-options{font-size:11px}.top-link{font-size:11px;padding:8px}}

.emblem svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}