:root{--bg:#08101f;--panel:#111b30;--border:#2c3c60;--text:#f8fafc;--muted:#94a3b8;--primary:#2563eb;--danger:#b91c1c;--success:#166534}*{box-sizing:border-box}body{min-height:100vh;margin:0;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at top,#172554,var(--bg) 55%);color:var(--text);font-family:"Segoe UI",Arial,sans-serif}.auth-card{width:min(440px,100%);padding:28px;border:1px solid var(--border);border-radius:18px;background:rgba(17,27,48,.96);box-shadow:0 25px 80px rgba(0,0,0,.38)}.auth-card.wide{width:min(560px,100%)}.logo{margin-bottom:24px;font-size:21px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#172554;color:#93c5fd;font-size:11px;font-weight:800;text-transform:uppercase}h1{margin:12px 0 7px}.muted{margin:0 0 22px;color:var(--muted)}form{display:grid;gap:14px}label{display:grid;gap:6px}label span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}input{width:100%;padding:12px;border:1px solid var(--border);border-radius:9px;background:#080f1d;color:var(--text);font-size:15px}input:focus{outline:2px solid #2563eb;border-color:transparent}button{padding:12px 15px;border:0;border-radius:9px;background:var(--primary);color:#fff;font-weight:800;cursor:pointer}.secondary{padding:8px 11px;background:#334155}.error,.success{margin:0 0 16px;padding:12px;border-radius:9px}.error{background:#450a0a;color:#fecaca;border:1px solid #991b1b}.success{background:#052e16;color:#bbf7d0;border:1px solid var(--success)}small{display:block;margin-top:18px;color:var(--muted);line-height:1.45}.topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.topline a{color:#93c5fd;text-decoration:none}.topline form{display:block}