:root{color-scheme:light;--ink:#142039;--navy:#101a2d;--blue:#233c88;--line:#dce3ec}body{margin:0;background:#f3f5f9;color:var(--ink);font-family:system-ui,sans-serif}.access-top{background:var(--navy);padding:20px max(20px,calc((100vw - 1000px)/2));display:flex;justify-content:space-between;gap:20px}.access-top a{color:white;text-decoration:none}.access-shell{max-width:1000px;margin:40px auto;padding:0 20px}h1{font-size:2rem;margin-bottom:20px}h2{font-size:1.3rem}.access-card{background:white;border:1px solid var(--line);border-radius:16px;padding:26px;margin:22px 0}.access-card label{display:block;margin:16px 0}.access-card input:required{border:2px solid #8c9cb7}.access-card label:has(input:required)::before{content:'* ';color:var(--blue)}.access-card input:not(:required){border-width:1px}.access-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.access-method{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.access-method p{font-size:.9rem;margin:8px 0}.access-card .btn{padding:10px 18px}.access-card .btn-primary{background:var(--blue);border-color:var(--blue)}#access-status:not(:empty){background:#e4ebfa;padding:14px;border-radius:8px;overflow-wrap:anywhere}#access-qr{width:230px;max-width:100%;margin:20px 0}#access-secret{overflow-wrap:anywhere}form{margin-top:16px}[hidden]{display:none!important}@media(max-width:600px){.access-shell{margin:24px auto;padding:0 14px}.access-card{padding:18px}.access-method{align-items:flex-start;flex-direction:column}.access-top{font-size:.9rem;padding:16px}.access-buttons .btn{width:100%}}
.access-brand{display:flex;align-items:center;gap:.7rem;font-weight:700}.access-brand img{width:42px;height:42px;background:white;object-fit:contain;border-radius:5px}.access-top{align-items:center;padding:16px max(20px,calc((100vw - 900px)/2))}.access-top nav{display:flex;gap:1.3rem;flex-wrap:wrap;font-size:.9rem}.access-shell{max-width:820px;margin:32px auto}.access-eyebrow{font-size:.75rem;letter-spacing:.1em;color:#59697f;font-weight:700;margin-bottom:.5rem}.access-intro{max-width:660px;color:#526078;line-height:1.6}.access-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;gap:.65rem;margin:1.5rem 0}.access-steps li{display:flex;align-items:center;gap:.65rem;font-size:.86rem;padding:.85rem;background:#e9eff7;border-radius:8px}.access-steps b{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;background:#243c76;color:#fff;border-radius:50%}.access-card{box-shadow:0 3px 12px #17283f06}.access-card h2{font-size:1.2rem;margin-bottom:1rem}.access-card form{max-width:600px}.access-card input{min-height:46px}.access-card p,.access-card li{line-height:1.6}.access-card summary{font-weight:650;cursor:pointer}.help-text{line-height:1.75;margin-top:1rem;overflow-wrap:anywhere}#access-status:empty{display:none}#access-retry{margin-bottom:1rem}#access-totp{border-top:1px solid #dce3ec;padding-top:1.5rem;margin-top:1.5rem}#access-qr svg{max-width:100%;height:auto}@media(max-width:600px){.access-top{align-items:flex-start;gap:.8rem;flex-direction:column}.access-top nav{font-size:.8rem}.access-shell h1{font-size:1.6rem}.access-steps{grid-template-columns:1fr;gap:.4rem}.access-steps li{padding:.65rem}.access-card .btn{width:100%}}