:root{--dark:#14151a;--surf:#1c1e27;--surf2:#22252f;--d1:#f0ede8;--d2:#9a9bae;--bd:#ffffff12;--bd-md:#ffffff21;--red:#ff3b5c;--red-glow:#ff3b5c52;--cyan-d:#4dd9e8;--gold:#c9a96e;--sans:var(--font-inter), system-ui, sans-serif;--mono:var(--font-jetbrains-mono), ui-monospace, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--dark);color:var(--d1);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}.login-shell{grid-template-columns:1fr 420px;height:100dvh;display:grid}.left-panel{border-right:1px solid var(--bd);position:relative;overflow:hidden}#login-canvas{width:100%;height:100%;position:absolute;inset:0}.left-overlay{z-index:2;background:linear-gradient(135deg,#14151ab8 0%,#14151a52 60%,#14151a8c 100%);flex-direction:column;justify-content:space-between;padding:40px 48px;display:flex;position:absolute;inset:0}.left-brand{align-items:center;gap:10px;display:flex}.left-brand-icon{color:var(--red)}.left-brand-name{letter-spacing:-.03em;color:var(--d1);font-size:18px;font-weight:800}.left-tag{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#9a9bae99;border:1px solid #ffffff1a;border-radius:4px;padding:2px 7px;font-size:9px}.left-copy{max-width:380px}.left-copy h2{letter-spacing:-.03em;color:var(--d1);margin-bottom:14px;font-size:clamp(26px,3vw,38px);font-weight:700;line-height:1.1}.left-copy h2 em{color:var(--cyan-d);font-style:normal}.left-copy p{color:var(--d2);max-width:36ch;font-size:14px;line-height:1.6}.left-bottom{align-items:center;gap:12px;display:flex}.left-bottom-logo{object-fit:contain;opacity:.55;width:28px;height:28px}.left-bottom-text{font-family:var(--mono);letter-spacing:.1em;color:#9a9bae8c;font-size:10.5px}.left-bottom-text a{color:#4dd9e88c}.left-bottom-text a:hover{color:var(--cyan-d)}.sev-legend{gap:16px;margin-top:18px;display:flex}.sev-item{font-family:var(--mono);color:#9a9baea6;align-items:center;gap:6px;font-size:10px;display:flex}.sev-dot{border-radius:50%;width:7px;height:7px}.right-panel{background:#14151af5;justify-content:center;align-items:center;padding:32px 40px;display:flex;overflow-y:auto}.login-card{-webkit-backdrop-filter:blur(20px)saturate(1.3);border:1px solid var(--bd-md);background:#ffffff0a;border-radius:20px;width:100%;max-width:340px;padding:36px 32px;box-shadow:0 32px 64px -20px #0009,0 0 0 1px #ffffff0a}.card-eyebrow{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--d2);align-items:center;gap:8px;margin-bottom:20px;font-size:10px;display:flex}.card-eyebrow:before{content:"";background:var(--cyan-d);width:5px;height:5px;box-shadow:0 0 8px var(--cyan-d);border-radius:50%;display:block}.card-title{letter-spacing:-.025em;color:var(--d1);margin-bottom:6px;font-size:22px;font-weight:700}.card-sub{color:var(--d2);margin-bottom:28px;font-size:13.5px}.card-sub a{color:var(--cyan-d);opacity:.8;transition:opacity .18s}.card-sub a:hover{opacity:1}.field{margin-bottom:16px}.field label{letter-spacing:.04em;color:var(--d2);text-transform:uppercase;font-size:12px;font-weight:600;font-family:var(--mono);margin-bottom:7px;display:block}.field input{border:1.5px solid var(--bd-md);width:100%;font-family:var(--sans);color:var(--d1);background:#ffffff0d;border-radius:10px;outline:none;padding:11px 14px;font-size:14.5px;transition:border-color .18s,box-shadow .18s}.field input::placeholder{color:#9a9bae6b}.field input:focus{border-color:var(--cyan-d);box-shadow:0 0 0 3px #4dd9e81f}.field-row{justify-content:space-between;align-items:center;display:flex}.forgot{color:var(--d2);font-size:12.5px;transition:color .18s}.forgot:hover{color:var(--d1)}.btn-login{background:var(--red);color:#fff;width:100%;font-family:var(--sans);cursor:pointer;letter-spacing:.01em;border:none;border-radius:100px;margin-top:20px;padding:13px;font-size:15px;font-weight:700;transition:all .18s}.btn-login:hover{box-shadow:0 0 28px 4px var(--red-glow);filter:brightness(1.07)}.btn-login:active{transform:translateY(1px)}.divider-row{align-items:center;gap:12px;margin:20px 0;display:flex}.divider-row:before,.divider-row:after{content:"";background:var(--bd-md);flex:1;height:1px}.divider-row span{color:#9a9bae80;white-space:nowrap;font-size:12px}.btn-github{width:100%;color:var(--d1);font-family:var(--sans);border:1.5px solid var(--bd-md);cursor:pointer;background:0 0;border-radius:100px;justify-content:center;align-items:center;gap:9px;padding:11px;font-size:14px;font-weight:500;transition:all .18s;display:flex}.btn-github:hover{background:#ffffff0f;border-color:#ffffff38}.github-icon{width:18px;height:18px}.signup-row{text-align:center;color:var(--d2);margin-top:22px;font-size:13px}.signup-row a{color:var(--cyan-d);opacity:.85;font-weight:600;transition:opacity .18s}.signup-row a:hover{opacity:1}.left-panel:after{content:"";background:linear-gradient(180deg, transparent 0%, var(--gold) 40%, var(--gold) 60%, transparent 100%);opacity:.3;z-index:5;width:1px;position:absolute;top:0;bottom:0;right:0}@media (max-width:768px){html,body{overflow:auto}.login-shell{grid-template-columns:1fr;height:auto}.left-panel{height:42dvh}.right-panel{padding:32px 24px 48px}}.mode-switch{cursor:pointer;color:var(--cyan-l);font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit}.auth-alert{border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;line-height:1.5}.auth-alert-error{color:var(--red);background:#ff3b5c14;border:1px solid #ff3b5c38}.auth-alert-ok{color:#22c274;background:#22c27417;border:1px solid #22c27438}.btn-login:disabled{opacity:.6;cursor:not-allowed}