:root{font-family:Arial,sans-serif;color:#281f4b;background:#f7f5f9;color-scheme:only light}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:28px;padding:22px 5%;background:#281f4b;color:white}header>span{font-size:13px;opacity:.75}header button{margin-left:auto;background:transparent;color:white;border-color:#756989}.brand{font-family:Georgia,serif;font-size:31px;letter-spacing:4px;text-decoration:none;color:white}main{max-width:1250px;margin:auto;padding:40px 5%;min-height:80vh}h1{font-size:30px;letter-spacing:-.6px;margin:8px 0 12px}h2{font-size:20px}h3{font-size:16px}p{color:#70667f;line-height:1.6}small,.muted{font-size:12px;color:#786d85}button,.button{border:1px solid #dcd3e5;border-radius:7px;padding:12px 18px;background:white;color:#281f4b;cursor:pointer;font:inherit;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#281f4b;color:white;border-color:#281f4b}.danger{color:#a34242}a{color:inherit}input,select,textarea{width:100%;border:1px solid #ded6e6;border-radius:7px;background:white;padding:12px;color:#281f4b;font:inherit;min-width:0}label{display:grid;gap:8px;font-size:13px}form{display:grid;gap:18px}.auth{max-width:450px;margin:35px auto;padding:30px;background:white;border:1px solid #e5deeb;border-radius:14px}.auth h1{font-size:26px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.error{background:#fff0f0;color:#922f3a;border-radius:6px;padding:12px}.notice{background:#efebf5;border:1px solid #dfd6e8;padding:15px 20px;border-radius:9px;font-size:14px;line-height:1.6}.heading{display:flex;align-items:center;justify-content:space-between;gap:22px}.eyebrow{font-size:11px;letter-spacing:.12em;color:#796e87}nav{display:flex;gap:22px;flex-wrap:wrap;border-bottom:1px solid #dfd6e8;margin:28px 0}nav button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:14px 0;color:#796e87}nav button.active{color:#281f4b;border-color:#281f4b}.panel{background:white;border:1px solid #e2dbea;border-radius:14px;padding:24px;margin-top:22px}.row{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #ece7f2}.row:last-child{border:0}.row>div:first-child{flex:1;min-width:0}.row strong{display:block}.row p{margin:5px 0;font-size:14px;overflow-wrap:anywhere}.row small{display:block;margin-top:5px}.pill{font-size:11px;background:#efebf5;color:#67557f;padding:6px 10px;border-radius:20px;white-space:nowrap}.toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between}.toolbar input{max-width:420px}.empty{padding:40px 15px;text-align:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.setup-step{padding:18px 0;border-bottom:1px solid #eee8f3;display:flex;gap:16px;align-items:center}.setup-step>span{display:grid;place-items:center;width:30px;height:30px;background:#eee8f3;border-radius:50%;flex-shrink:0}.setup-step p{margin:0}.setup-step small{display:block;margin-top:5px}.qr{width:200px;height:200px;object-fit:contain}.secret{overflow-wrap:anywhere;font-family:monospace}dialog{border:1px solid #e2daea;border-radius:16px;padding:24px;width:min(580px,calc(100% - 28px));max-height:90vh;color:#281f4b}dialog::backdrop{background:#16102080}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.dialog-heading h2{margin:0}.dialog-heading button{border:0;font-size:24px;padding:4px 10px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#281f4b;color:white;padding:16px 24px;border-radius:10px;width:max-content;max-width:90%;box-shadow:0 6px 30px #281f4b22}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#746a82}*:focus-visible{outline:2px solid #987ec0;outline-offset:3px}[hidden]{display:none!important}@media(max-width:650px){header{gap:12px;padding:18px}.brand{font-size:24px}header>span{display:none}main{padding:26px 16px}.auth{margin:12px 0;padding:24px}.grid{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}nav{gap:18px}.row{align-items:flex-start;flex-wrap:wrap}.row>.actions{width:100%;margin:0}.toolbar{flex-wrap:wrap}.panel{padding:18px}.row>div:first-child{min-width:180px}h1{font-size:26px}}

/* Focused account access flows */
.auth-modern{max-width:460px;padding:36px;border-radius:20px;box-shadow:0 16px 50px rgba(40,31,75,.05)}
.auth-description{line-height:1.65;margin-bottom:26px}.auth-description strong{overflow-wrap:anywhere;color:#281f4b}
.auth-modern form{gap:18px}.auth-modern input{min-height:50px;font-size:16px;border-radius:10px}.auth-modern .primary{min-height:50px;border-radius:10px;font-size:16px}
.password-field{position:relative}.password-field input{width:100%;padding-right:72px;box-sizing:border-box}.password-field button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;padding:10px;color:#281f4b;font-size:13px}
.field-help{font-size:13px!important;line-height:1.55!important;color:#746b87;margin:0}.code-input{font-size:23px!important;letter-spacing:4px;text-align:center}.code-input::placeholder{letter-spacing:0;font-size:16px}
.text-button{border:0;background:none;color:#281f4b;padding:7px 0;text-decoration:underline;text-underline-offset:3px;font:inherit}.text-button:disabled{color:#888;text-decoration:none;cursor:default}
.auth-footer{margin-top:24px;border-top:1px solid #eee8f2;padding-top:16px;font-size:14px}.auth-footer p{font-size:14px;margin:10px 0 0}.code-help{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px}.code-help p,.code-help details{width:100%}.code-help details p{font-size:13px;line-height:1.6}.auth-modern .error{line-height:1.5;font-size:14px}
@media(max-width:600px){.auth-modern{padding:25px 22px;margin:18px auto;max-width:100%;box-sizing:border-box}.auth-modern h1{font-size:27px}.auth-modern .auth-description{font-size:15px}header{padding:18px 22px}header>span{font-size:12px}}