.account-page{--pink:#ff9acf;--line:#3a3041;margin:0;background:radial-gradient(ellipse at 12% 0%,#301126 0,transparent 48%),#0b090c;color:#f4edf2;font:16px/1.6 system-ui,sans-serif;color-scheme:dark;min-height:100vh}
.account-page *{box-sizing:border-box}.account-page a{color:var(--pink);text-underline-offset:4px}.account-header{border-bottom:1px solid var(--line);background:#0b090ce8}.account-header nav{max-width:1160px;margin:auto;min-height:84px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.account-header nav>div{display:flex;gap:24px;flex-wrap:wrap}.account-logo{font-size:26px;font-weight:850;letter-spacing:.08em;text-decoration:none;color:#fff!important}.account-logo span{display:block;font-size:10px;letter-spacing:.16em;color:#baacbd}.account-page main{max-width:1160px;margin:auto;padding:56px 24px 80px}.account-page .login-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;padding-top:80px}.eyebrow{color:var(--pink);font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:750}.account-page h1{font-size:clamp(36px,5vw,64px);line-height:1.08;letter-spacing:-.04em;margin:18px 0 28px}.account-page h1 span{color:var(--pink)}.account-intro>p:not(.eyebrow){color:#c6b9c9;max-width:360px}.account-page h2{font-size:24px;letter-spacing:-.025em;line-height:1.25;margin:0 0 16px}.account-page h3{font-size:18px;margin:0 0 6px}.account-card{background:linear-gradient(135deg,#1b1520,#120f16);border:1px solid var(--line);border-radius:20px;padding:28px;margin:24px 0;min-width:0;box-shadow:0 16px 50px #0002}.account-card>p{color:#c6b9c9}.status-card{border-left:3px solid var(--pink);background:#211520;padding:16px 20px;overflow-wrap:anywhere}.account-page button,.account-page input{font:inherit;min-height:48px;border:1px solid #8b386e;border-radius:10px;color:inherit;background:#231925;padding:11px 18px;max-width:100%}.account-page button{cursor:pointer;font-weight:650;transition:background .15s}.account-page button:hover:not(:disabled){background:#573049}.account-page button:disabled{opacity:.55;cursor:default}.account-page input{width:100%;background:#0b090c}.account-page input:focus{border-color:var(--pink)}.provider button,.passkey-option button{width:100%;text-align:center}.provider p,.passkey-option p,.fine-print{font-size:13px;color:#baacbd;line-height:1.6}.provider p{margin:6px 0 18px}.passkey-option{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.passkey-option button,.account-page form button{background:#a1216b;border-color:#d44b97;color:#fff}.account-page form{display:grid;gap:12px}.account-page form p{margin:0 0 6px}.account-page label{font-weight:600}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-grid .account-card{margin-top:0}.account-list{list-style:none;padding:0;margin:18px 0}.account-item{padding:20px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.account-item button{margin:8px 8px 0 0}.account-item p{font-size:14px;color:#baacbd}.session-card{display:flex;align-items:center;justify-content:space-between;gap:24px}.session-card p{overflow-wrap:anywhere}.account-page code{font-size:13px;overflow-wrap:anywhere}.download-hash{display:block;color:var(--pink)}.account-page progress{width:100%;accent-color:#ff53b1}.account-footer{max-width:1112px;margin:auto;border-top:1px solid var(--line);padding:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;color:#baacbd;font-size:14px}.skip-link{position:absolute;left:16px;top:-100px;padding:12px;background:#0b090c;z-index:10}.skip-link:focus{top:12px}
@media(max-width:760px){.account-page .login-layout,.account-grid{grid-template-columns:1fr;gap:16px}.account-page main,.account-page .login-layout{padding:32px 18px 48px}.account-card{padding:22px}.account-header nav{padding:16px 18px;gap:16px}.account-header nav>div{gap:12px;font-size:14px}.session-card{align-items:flex-start;flex-direction:column}.account-intro h1 br{display:none}.account-intro>p:not(.eyebrow){max-width:none}}
.recovery-note{border-left:2px solid var(--pink);padding-left:16px;color:#d6c6d4;font-size:14px}.account-page .recovery-ack{display:flex;align-items:flex-start;gap:12px;margin:20px 0;font-size:14px}.account-page .recovery-ack input{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:3px 0;accent-color:var(--pink)}.account-page .signup-primary{width:100%;background:#65314f;border-color:var(--pink)}.signup-providers{border-top:1px solid var(--line);padding-top:24px;margin-top:28px}
@media(prefers-reduced-motion:reduce){.account-page button{transition:none}}