:root{color-scheme:light;--ink:#172033;--muted:#657084;--line:#dfe5ee;--brand:#2457d6;--surface:#fff;--bg:#f4f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}.container{width:min(960px,calc(100% - 2rem));margin-inline:auto}.site-header{padding:1rem 0;background:#14213d;color:#fff}.site-header .container{display:flex;justify-content:space-between;gap:1rem}main{padding-block:3rem}.hero{max-width:720px}.eyebrow{color:var(--brand);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.08}h2{font-size:1.2rem}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.status-grid article,.technical-check{padding:1.25rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}.status-grid article{display:grid;gap:.35rem}.status-grid span,p,footer{color:var(--muted)}.site-header button,.auth-form button{min-height:44px;padding:.7rem 1rem;border:0;border-radius:.65rem;background:var(--brand);color:#fff;font-weight:700;cursor:pointer}.alert{padding:1rem;border-radius:.75rem;background:#e8f8ef;color:#17663a}.error{max-width:700px;padding:2rem;border:1px solid var(--line);border-radius:1rem;background:#fff}.error>span{font-size:3rem;font-weight:800;color:var(--brand)}pre{overflow:auto;padding:1rem;background:#111827;color:#e5e7eb}footer{padding-bottom:2rem}@media(max-width:600px){.status-grid{grid-template-columns:1fr}main{padding-block:2rem}}

.auth-body{min-height:100vh;background:radial-gradient(circle at top left,#e9efff,transparent 42%),var(--bg)}.auth-shell{display:grid;place-items:center;min-height:100vh;width:min(100% - 1.5rem,460px);margin:auto;padding:1.5rem 0}.auth-panel{width:100%;padding:clamp(1.25rem,5vw,2rem);border:1px solid var(--line);border-radius:1.25rem;background:#fff;box-shadow:0 18px 50px rgba(23,32,51,.1)}.auth-brand{display:flex;align-items:center;gap:.75rem}.auth-brand>div{display:grid}.auth-brand-mark{display:inline-grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:1rem;background:linear-gradient(145deg,#2457d6,#183c98);color:#fff;font-size:1.5rem;font-weight:800}.auth-panel h1{margin:2rem 0 .5rem;font-size:clamp(1.75rem,7vw,2.4rem)}.auth-form{display:grid;gap:.65rem;margin-top:1.5rem}.auth-form label{font-weight:700}.auth-form input{width:100%;min-height:48px;padding:.75rem;border:1px solid #b9c3d2;border-radius:.65rem;background:#fff;color:var(--ink);font:inherit}.auth-form input:focus{outline:3px solid rgba(36,87,214,.18);border-color:var(--brand)}.auth-form button{width:100%;margin-top:.5rem}.auth-error{margin-top:1rem;padding:.85rem 1rem;border:1px solid #f4b4b4;border-radius:.7rem;background:#fff1f1;color:#9c2323}.auth-note{margin:1.5rem 0 0;font-size:.85rem}.login-complete{display:grid;place-items:center;align-content:center;min-height:100vh;text-align:center;padding:1.5rem}.login-complete h1{font-size:1.7rem;margin-bottom:0}.login-spinner{width:2rem;height:2rem;margin-top:1.5rem;border:3px solid #cbd7f7;border-top-color:var(--brand);border-radius:50%;animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.tab-session-pending .authenticated-shell{visibility:hidden}.session-blocked{position:fixed;inset:1rem;display:grid;place-items:center;padding:2rem;background:#fff;text-align:center}.app-welcome{max-width:680px}.button-secondary{background:#fff;color:#9c2323;border:1px solid #e7a6a6}.status-grid strong{overflow-wrap:anywhere}@media(max-width:600px){.auth-shell{width:min(100% - 1rem,460px);padding:.5rem 0}.auth-panel{border-radius:1rem}.auth-panel h1{margin-top:1.5rem}.site-header span{display:none}}