.account-shell{max-width:1160px;padding-block:56px 32px}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:34px}.account-heading h1{font-size:clamp(2.6rem,5vw,4rem);letter-spacing:-.055em;line-height:1.1;margin:8px 0 14px}.account-heading h1 span{color:#8da5ff}.account-heading p{margin:0}.account-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.account-card{padding:30px;border:1px solid #ffffff19;border-radius:20px;background:linear-gradient(135deg,#17223a,#111a2d);min-width:0}.account-card h2{font-size:1.4rem;letter-spacing:-.025em;margin:10px 0}.account-card p{margin:8px 0 20px}.account-card .eyebrow{font-size:.7rem;letter-spacing:.16em;margin:0;color:#a4b5dc}.account-plan{border-color:#6b86ff70;background:radial-gradient(ellipse at top right,#344b8b88,transparent 80%),#15213a}.account-plan h2{font-size:2.8rem;margin:14px 0 0}.account-card-top,.account-period,.account-details div{display:flex;align-items:center;justify-content:space-between;gap:16px}.account-badge{font-size:.72rem;letter-spacing:.06em;padding:5px 11px;border:1px solid #5bcaac55;border-radius:30px;color:#97e7cb;background:#3baf8d16}.account-period{border-top:1px solid #ffffff19;padding:18px 0;color:#b2bfd5;font-size:.88rem}.account-period strong{color:#eaf0ff}.account-actions{display:flex;flex-wrap:wrap;gap:12px}.account-card .account-small{font-size:.78rem;margin-bottom:0}.account-details{margin:20px 0 28px}.account-details div{padding:11px 0;border-bottom:1px solid #ffffff13;font-size:.88rem}.account-details dt{color:#b2bfd5}.account-details dd{margin:0;text-align:right;overflow-wrap:anywhere}.account-icon{width:38px;height:38px;display:grid;place-items:center;background:#7894fa18;color:#b4c4ff;border:1px solid #7894fa33;border-radius:12px;font-size:1.2rem;margin-bottom:20px}.account-text-button{background:none;border:0;color:#d2ddff;padding:0;font:600 .9rem inherit;cursor:pointer;text-decoration:underline;text-underline-offset:5px}.account-danger{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:22px;background:#231b2b;border-color:#f38c9b3b}.account-danger .eyebrow{color:#f5b4be}.account-danger p:last-child{margin-bottom:0;max-width:68ch}.account-help{text-align:center;font-size:.85rem;padding:18px}.account-help a{color:#c1ceff}.account-dialog{padding:0;max-width:560px;width:calc(100% - 32px);border:1px solid #6277ac;border-radius:20px;background:#111a2d;color:#edf2ff}.account-dialog::backdrop{background:#030817c9;backdrop-filter:blur(6px)}.account-dialog .account-card{border:0}.account-dialog label{display:block;color:#d1dcf4;margin:14px 0 8px}.account-dialog input{width:100%;box-sizing:border-box;background:#090f20;border:1px solid #526080;border-radius:9px;padding:12px;color:#fff;font-size:1rem}.account-shell [hidden]{display:none!important}#account-status:empty{display:none}#account-status{color:#d2ddff}button:disabled{opacity:.55;cursor:wait}.account-mfa{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:22px}.account-mfa-body{min-width:0;max-width:68ch}.account-mfa p:last-child{margin-bottom:0}.account-mfa .account-actions{flex-shrink:0}.account-badge.is-off{border-color:#f3c46b55;color:#f6d79a;background:#f3c46b14}.account-mfa-dialog{max-width:600px;max-height:calc(100dvh - 32px);overflow:auto}.account-mfa-steps{margin:0 0 18px;padding-left:1.2em;color:#d1dcf4;font-size:.92rem}.account-mfa-steps li{margin:4px 0}.account-mfa-qr-wrap{display:flex;justify-content:center;margin:6px 0 16px}.account-mfa-qr{display:block;width:min(100%,240px);height:auto;image-rendering:pixelated;border-radius:12px;background:#fff}.account-mfa-key-label{font-size:.82rem;color:#b2bfd5;margin:0 0 6px!important}.account-mfa-key{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-mfa-key code,.account-mfa-codes code{font:600 1rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;color:#eaf0ff;overflow-wrap:anywhere}.account-mfa-key code{flex:1;min-width:0;padding:10px 12px;background:#090f20;border:1px solid #526080;border-radius:9px}.account-mfa-warning{padding:12px 14px;border:1px solid #f3c46b55;border-radius:12px;background:#f3c46b12;color:#f6e2b8}.account-mfa-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:0 0 18px;padding:14px 14px 14px 2.2em;background:#090f20;border:1px solid #526080;border-radius:12px}.account-dialog .account-mfa-check{display:flex;align-items:flex-start;gap:10px;margin:18px 0 4px;cursor:pointer}.account-dialog .account-mfa-check input{width:auto;margin-top:3px;accent-color:#8da5ff}.account-dialog input:focus-visible,.account-mfa button:focus-visible,.account-dialog button:focus-visible{outline:2px solid #8da5ff;outline-offset:2px}#account-mfa-dialog-status:empty{display:none}#account-mfa-dialog-status{color:#d2ddff}@media(max-width:720px){.account-mfa{align-items:flex-start;flex-direction:column}.account-mfa .account-actions{width:100%}.account-mfa-codes{grid-template-columns:1fr}.account-mfa-key .button{width:100%}}@media(max-width:720px){.account-shell{padding-block:30px 16px}.account-heading{align-items:flex-start;flex-direction:column;gap:18px}.account-grid{grid-template-columns:1fr}.account-card{padding:24px}.account-danger{align-items:flex-start;flex-direction:column}.account-heading>.button{display:none}.account-period{align-items:flex-start;flex-direction:column;gap:4px}.account-details div{align-items:flex-start}.account-actions .button{flex:1}.account-help{padding:16px 0}}
