.login-wrap{--bg-base:#05070a;--bg-panel:#0a0e12;--bg-input:#11171d;--bd-2:#96a8b821;--tx-1:#e9eff5;--tx-2:#98aab8;--tx-3:#5f6f7c;--down:#ff4d6d;--down-soft:#ff4d6d21;--brand:#22c5db;--brand-line:#22c5db8c;--font-ui:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--r2:5px;--r3:8px;--shadow-pop:0 16px 50px -12px #000000b3, 0 0 0 1px var(--bd-2);background:radial-gradient(900px 500px at 50% -10%, #22c5db0f, transparent 60%), var(--bg-base);min-height:100vh;font-family:var(--font-ui);color:var(--tx-1);justify-content:center;align-items:center;padding:24px;display:flex}.login-wrap *,.login-wrap :before,.login-wrap :after{box-sizing:border-box}.login-wrap h1,.login-wrap p{margin:0}.login-card{background:var(--bg-panel);border:1px solid var(--bd-2);border-radius:var(--r3);width:100%;max-width:380px;box-shadow:var(--shadow-pop);flex-direction:column;padding:32px 30px 30px;display:flex}.login-brand{letter-spacing:-.01em;margin-bottom:22px;font-size:16px;font-weight:700}.login-brand span{color:var(--brand)}.login-title{letter-spacing:-.01em;margin:0 0 6px;font-size:22px;font-weight:600}.login-sub{color:var(--tx-2);margin:0 0 22px;font-size:13px;line-height:1.45}.login-label{letter-spacing:.09em;text-transform:uppercase;color:var(--tx-3);margin-bottom:6px;font-size:9.5px;font-weight:600}.login-input{background:var(--bg-input);border:1px solid var(--bd-2);border-radius:var(--r2);height:40px;color:var(--tx-1);font-family:var(--font-ui);outline:none;margin-bottom:16px;padding:0 12px;font-size:14px;transition:border-color .12s}.login-input:focus{border-color:var(--brand-line)}.login-error{color:var(--down);background:var(--down-soft);border-radius:var(--r2);margin-bottom:16px;padding:8px 11px;font-size:12px}.login-btn{border-radius:var(--r2);background:var(--brand);color:#04181d;height:42px;font-family:var(--font-ui);margin-top:4px;font-size:14px;font-weight:600;transition:filter .12s,opacity .12s}.login-btn:hover:not(:disabled){filter:brightness(1.08)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.oauth-btn{background:var(--bg-input);border:1px solid var(--bd-2);border-radius:var(--r2);height:40px;color:var(--tx-1);font-family:var(--font-ui);justify-content:center;align-items:center;gap:9px;margin-bottom:10px;font-size:13.5px;font-weight:600;text-decoration:none;transition:border-color .12s,background .12s;display:flex}.oauth-btn:hover{border-color:var(--brand-line);background:#141b22}.oauth-btn svg{flex:none}.oauth-divider{color:var(--tx-3);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:10px;margin:8px 0 18px;font-size:10.5px;font-weight:600;display:flex}.oauth-divider:before,.oauth-divider:after{content:"";background:var(--bd-2);flex:1;height:1px}