:root{--night:#071015;--ink:#eef3ec;--muted:#879791;--line:rgba(238,243,236,.14);--acid:#c9ff3d;--cyan:#52d9ff}
*{box-sizing:border-box}html{background:var(--night)}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 14% 10%,rgba(42,132,159,.2),transparent 36%),radial-gradient(circle at 88% 88%,rgba(201,255,61,.06),transparent 30%),var(--night);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}
.grid{position:fixed;inset:0;opacity:.16;background-image:linear-gradient(rgba(82,217,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(82,217,255,.13) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 78%)}.glow{position:fixed;width:360px;height:360px;left:42%;top:20%;border:1px solid rgba(82,217,255,.13);border-radius:50%;box-shadow:0 0 100px rgba(82,217,255,.04),inset 0 0 100px rgba(82,217,255,.03)}
main{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.66fr)}.brand{position:absolute;left:42px;top:36px;display:flex;align-items:center;gap:10px;width:max-content;color:var(--ink);text-decoration:none;font:500 12px DM Mono;letter-spacing:.14em}.brand span{padding:7px;border:1px solid var(--ink)}.brand i,.eyebrow i,.security-signal i{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}
.login-copy{align-self:center;padding:110px clamp(42px,8vw,140px)}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--cyan);font:9px DM Mono;letter-spacing:.15em}h1{max-width:820px;margin:28px 0;font-size:clamp(56px,6.2vw,104px);line-height:.88;letter-spacing:-.065em}h1 span{color:var(--cyan)}.login-copy>p:nth-of-type(2){max-width:520px;color:var(--muted);font-size:14px;line-height:1.75}.security-signal{display:flex;align-items:center;gap:10px;max-width:520px;margin-top:58px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font:8px DM Mono;letter-spacing:.13em}.security-signal b{margin-left:auto;color:var(--cyan);font-weight:400}
.auth-panel{position:relative;display:flex;align-items:center;padding:70px clamp(36px,5vw,82px);border-left:1px solid var(--line);background:rgba(6,15,20,.76);backdrop-filter:blur(20px)}.panel-index{position:absolute;right:30px;top:30px;color:var(--muted);font:8px DM Mono;letter-spacing:.13em}form{width:100%;max-width:510px;margin:auto}form header{margin-bottom:44px}form header p{margin:0 0 13px;color:var(--cyan);font:9px DM Mono;letter-spacing:.16em}form header h2{margin:0 0 12px;font-size:48px;letter-spacing:-.055em}form header span{color:var(--muted);font-size:12px}
label{display:block;margin-top:22px}label>span{display:block;margin-bottom:10px;color:var(--muted);font:8px DM Mono;letter-spacing:.14em}input{width:100%;padding:16px 14px;border:1px solid var(--line);outline:0;background:rgba(255,255,255,.025);color:var(--ink);font:400 14px DM Mono;transition:.2s}input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(82,217,255,.06)}button{width:100%;margin-top:32px;padding:17px 18px;display:flex;justify-content:space-between;border:1px solid var(--cyan);background:rgba(82,217,255,.08);color:var(--ink);font:500 10px DM Mono;letter-spacing:.1em;cursor:pointer}button:hover{background:rgba(82,217,255,.15)}button:disabled{opacity:.5;cursor:wait}button b{color:var(--cyan);font-size:16px}.feedback{min-height:18px;margin:16px 0 0;color:#ff9b9b;font:9px DM Mono;letter-spacing:.06em}.feedback.success{color:var(--acid)}.requirements{margin:14px 0 0;color:var(--muted);font:8px DM Mono;letter-spacing:.06em}[hidden]{display:none!important}
@media(max-width:900px){main{grid-template-columns:1fr}.login-copy{padding:120px 28px 55px}.login-copy h1{font-size:58px}.security-signal{display:none}.auth-panel{min-height:620px;padding:60px 28px;border-left:0;border-top:1px solid var(--line)}.brand{left:28px;top:28px}.glow{left:15%;top:8%}}@media(max-width:460px){.login-copy h1{font-size:48px}.auth-panel{min-height:590px}form header h2{font-size:40px}}