body { min-height:100vh; margin:0; color:#e4ffe7; background:radial-gradient(circle at 18% 15%,#143c1d 0,#070a07 32%,#020302 75%); font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.auth-shell { width:min(1000px,calc(100% - 32px)); min-height:100vh; margin:auto; display:grid; grid-template-columns:1fr 430px; align-items:center; gap:70px; }
.eyebrow { margin:0; color:#6edc7b; font-size:11px; letter-spacing:.14em; text-transform:uppercase; }.auth-intro h1 { margin:14px 0; color:#effff0; font:700 clamp(48px,8vw,82px)/.88 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:-.08em; text-shadow:0 0 28px rgba(63,255,91,.32); }.auth-intro h1 span { color:#47f568; }.intro-copy { max-width:370px; color:#b9d8bc; font:16px/1.6 system-ui,sans-serif; }.intro-status { padding:20px 0 0; margin:25px 0 0; border-top:1px solid #245a2c; list-style:none; color:#80d98b; font-size:12px; line-height:2; }
.auth-panel { background:#090d09; border:1px solid #3de65b; box-shadow:0 22px 70px rgba(0,0,0,.55),0 0 24px rgba(22,208,58,.13); }.panel-chrome { display:flex; justify-content:space-between; padding:11px 14px; border-bottom:1px solid #245a2c; color:#75df83; font-size:11px; letter-spacing:.1em; }.auth-panel h2 { margin:30px 30px 8px; font-size:25px; letter-spacing:-.04em; }.panel-copy { margin:0 30px 25px; color:#9bb69e; font:14px/1.5 system-ui,sans-serif; }
form { display:grid; gap:9px; padding:0 30px 30px; } label { color:#9ee8a7; font-size:12px; letter-spacing:.06em; } input { min-width:0; padding:13px 14px; border:1px solid #2d6b35; border-radius:0; outline:0; background:#050705; color:#effff0; font:15px ui-monospace,SFMono-Regular,Consolas,monospace; } input:focus { border-color:#54fb6e; box-shadow:0 0 0 3px rgba(72,245,104,.16); } small { color:#719c76; font-size:11px; }
button { min-height:44px; border:1px solid #53ed6c; border-radius:0; background:#57ed70; color:#041005; font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace; cursor:pointer; letter-spacing:.04em; transition:transform .15s,box-shadow .15s,background .15s; } button:hover { transform:translateY(-2px); box-shadow:0 0 16px rgba(82,242,106,.42); background:#8aff9c; } button:disabled { opacity:.55; cursor:not-allowed; transform:none; }.auth-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; }.secondary-action { background:#0b160c; color:#8aff9b; }.secondary-action:hover { background:#112914; }.auth-error { margin:4px 0 0; color:#ff7885; font:12px/1.4 system-ui,sans-serif; }
@media(max-width:720px) { .auth-shell { min-height:unset; padding:54px 0; grid-template-columns:1fr; gap:32px; }.auth-intro h1 { font-size:54px; }.auth-panel h2,.panel-copy { margin-left:22px; margin-right:22px; } form { padding-left:22px; padding-right:22px; } }