:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#e8f5ff;background:#061525;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 15%,#123956 0,#071d31 38%,#061525 75%)}.shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:32px 20px}.brand{width:min(100%,560px);display:flex;align-items:center;gap:14px;color:#afd4e9;font-size:15px;letter-spacing:.06em}.brand-mark{border:1px solid #52bfdc;border-radius:10px;padding:9px 11px;color:#73dcf3;font-weight:800;letter-spacing:.04em}.panel{width:min(100%,560px);margin:auto 0;padding:36px;background:linear-gradient(145deg,#1b4260c7,#091b30eb);border:1px solid rgba(114,207,239,.48);border-radius:24px;box-shadow:0 18px 60px #00000052;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#77d9ee;font-size:12px;font-weight:700}h1{margin:6px 0 12px;font-size:clamp(28px,5vw,36px)}h2{font-size:20px;margin:10px 0}.lead,.screen p{color:#b9d2e3;line-height:1.55}.screen{margin-top:28px}.screen[hidden],form[hidden],div[hidden],button[hidden],p[hidden]{display:none!important}form{display:grid;gap:12px}label{font-size:14px;color:#d4ebf5}input{width:100%;border:1px solid #52718b;border-radius:12px;background:#0a2239;color:#fff;padding:14px;font:inherit;outline:none}input:focus{border-color:#69d6ef;box-shadow:0 0 0 3px #69d6ef26}button{border:0;border-radius:12px;padding:14px 18px;background:#34c9e8;color:#05192b;font:inherit;font-weight:700;cursor:pointer}button:hover{background:#71e0f3}button:disabled{opacity:.55;cursor:wait}.secondary{background:transparent;color:#82ddf1;border:1px solid #5b9bb7}.secondary:hover{background:#5ec2e21f}.text-button{display:block;margin-top:24px;padding:6px 0;background:transparent;color:#9fcde1;font-size:14px}.notice{padding:12px 14px;background:#3caeca26;border:1px solid #429ab4;border-radius:10px}.notice.error{background:#e1505b1a;border-color:#d66b79;color:#ffbdc5}#mfa-qr{display:block;width:192px;height:192px;max-width:100%;margin:18px auto;background:#fff;padding:8px;border-radius:8px}code{overflow-wrap:anywhere;color:#8fe6f5}footer{width:min(100%,560px);color:#7497ad;font-size:12px;padding-top:26px}@media(max-width:500px){.panel{padding:26px 22px;border-radius:20px}.shell{padding:20px 16px}}