:root{--text:#1f2230;--muted:#687083;--primary:#2d0b3a;--primary-2:#5b35d5;--accent:#f5c542}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 10% 0%,rgba(91,53,213,.18),transparent 32rem),linear-gradient(135deg,#f6f7fb,#ebe8f5);color:var(--text)}.router-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.router-card{width:min(100%,540px);background:rgba(255,255,255,.9);border-radius:30px;box-shadow:0 22px 70px rgba(45,11,58,.16);padding:44px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:900;border:2px solid var(--accent)}.brand strong,.brand small{display:block}.brand small,.lede,#status{color:var(--muted)}.eyebrow{display:inline-flex;color:var(--primary-2);background:rgba(91,53,213,.10);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1{margin:18px 0 10px;font-size:clamp(34px,7vw,54px);line-height:1;letter-spacing:-.055em}.lede{line-height:1.65}form{display:grid;gap:14px}label{display:grid;gap:8px;font-weight:800}input{border:1px solid rgba(31,34,48,.12);border-radius:16px;padding:15px 16px;font:inherit;text-transform:uppercase}button{border:0;cursor:pointer;border-radius:16px;padding:15px 18px;font-weight:900;background:var(--accent);color:#241300}