:root{font-family:Inter,system-ui,Arial,sans-serif;color-scheme:dark;font-synthesis:none}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,#172554 0,#0f172a 42%,#020617);color:#f9fafb}button,input{font:inherit}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;box-sizing:border-box}.login-card,.session-card{width:min(100%,420px);box-sizing:border-box;padding:36px;border:1px solid rgba(148,163,184,.22);border-radius:20px;background:#0f172ae0;box-shadow:0 24px 70px #00000059}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#2563eb;font-weight:800}.eyebrow{color:#60a5fa;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{margin:8px 0;font-size:clamp(1.8rem,5vw,2.35rem)}.subtitle{margin:0 0 28px;color:#94a3b8}form{display:grid;gap:10px}label{margin-top:8px;color:#cbd5e1;font-size:.9rem;font-weight:600}input{padding:12px 14px;border:1px solid #334155;border-radius:10px;outline:none;background:#0f172a;color:#f8fafc}input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}button{margin-top:18px;padding:12px 18px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer}button:disabled{cursor:wait;opacity:.7}button.secondary{background:#334155}.form-error{margin:8px 0 0;color:#fca5a5;font-size:.9rem}.shell{max-width:1100px;margin:0 auto;padding:48px 24px}.session-card{width:min(100%,620px)}.session-card dl{display:grid;gap:12px;margin:28px 0}.session-card dl div{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #334155}.session-card dt{color:#94a3b8}.session-card dd{margin:0;font-weight:700}