.account-page{min-height:100vh;background:radial-gradient(ellipse at 100% 0,#34205842,transparent 48%),var(--space)}
.account-header,.account-footer{width:min(1100px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.account-header{height:110px}.account-home{color:#c8c4df;font-size:14px}.account-home span{color:var(--violet);margin-left:12px}
.account-main{width:min(760px,calc(100% - 48px));margin:54px auto 80px}.account-eyebrow{color:var(--violet);font-size:11px;letter-spacing:.19em;margin-bottom:18px}.account-main h1{font-size:clamp(34px,5.2vw,56px);letter-spacing:-.052em;line-height:1.12}.account-intro{color:var(--muted);font-size:16px;line-height:1.7;margin-top:18px;max-width:540px}
.account-status{color:var(--muted);font-size:14px;line-height:1.6;min-height:24px;margin:28px 0 16px}.account-status:empty{display:none}.account-card{margin-top:32px;padding:36px;border:1px solid #393447;border-radius:22px;background:linear-gradient(130deg,#1b1729e6,#10111ce6);box-shadow:0 14px 50px #0002}.account-card h2{font-size:26px;letter-spacing:-.035em;line-height:1.25;font-weight:560}.account-card>p{font-size:15px;line-height:1.75;color:#bfc0d2;margin-top:16px}.card-marker{display:grid;place-items:center;width:42px;height:42px;color:var(--violet);background:#a99bff13;border:1px solid #a99bff30;border-radius:13px;font-size:21px;margin-bottom:25px}
.account-page button,.account-page input{font:inherit}.account-page button{cursor:pointer}.account-page button:focus-visible,.account-page input:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.account-page button:disabled{cursor:wait;opacity:.55}.account-page button:hover{transform:none}.account-page .button{font-size:14px;min-height:48px;padding:14px 22px}.account-page .button-outline{background:transparent;color:#e1dbf5;border-color:#746c8c}.account-card .button{margin-top:25px}.account-page [hidden]{display:none!important}
#login-form{margin-top:26px;display:flex;flex-direction:column;align-items:stretch;gap:10px}#login-form label{font-size:13px;color:#d6d1e6}#email{width:100%;min-height:52px;border:1px solid #51465f;border-radius:12px;background:#080912;color:white;padding:14px 16px;font-size:16px}#email::placeholder{color:#817b96}#login-form .button{align-self:flex-start;margin-top:8px}.account-card .account-note,.account-note{color:#9995ac;font-size:13px;line-height:1.7;margin-top:18px}
.account-error{border:1px solid #c064784d;background:#cf526713;color:#ffbcc7;font-size:14px;line-height:1.7;padding:15px 18px;border-radius:12px;margin:20px 0}.account-error a{text-decoration:underline}.account-text-button{border:0;padding:10px 0;background:transparent;color:#c0b3ee;font-size:14px;line-height:1.5;min-height:44px}.account-text-button:hover{color:white}.account-card-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}#cancel-login{display:block;margin-top:12px}
.account-details{margin:24px 0 0}.account-details>div{padding:19px 0;border-bottom:1px solid #393447;display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:baseline}.account-details dt{color:#a9a4bd;font-size:13px}.account-details dd{margin:0;overflow-wrap:anywhere;font-size:15px;line-height:1.6}#public-id{color:#d4c8ff;letter-spacing:.07em;font-weight:600;font-variant-numeric:tabular-nums}.account-danger{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #59333f;margin-top:30px;padding-top:25px}.account-danger h3{font-size:15px;line-height:1.5;font-weight:540}.account-danger p{font-size:13px;line-height:1.6;color:#a9a0b1;margin-top:6px}.account-page .button-danger{background:#db738516;border:1px solid #c76e8466;color:#ffb2c2}.account-danger .button{margin:0;flex-shrink:0}.button-danger:hover{background:#c8536e30}
.account-help{margin-top:36px;padding:4px 4px 0;max-width:700px}.account-help h2{font-size:15px;font-weight:550;line-height:1.5}.account-help p{color:#9995ac;font-size:13px;line-height:1.8;margin-top:10px}.account-help a{color:#c5b7f2;text-decoration:underline;text-underline-offset:3px}.account-footer{min-height:96px;border-top:1px solid #302a3e;justify-content:flex-start;color:#9b94ab;font-size:12px;flex-wrap:wrap}.account-footer span{margin-right:auto}.account-footer a:hover{color:#c6b8f1}
#delete-dialog{color:white;background:#151320;border:1px solid #62506c;border-radius:20px;padding:32px;max-width:540px;width:calc(100% - 40px);box-shadow:0 25px 100px #0008}#delete-dialog::backdrop{background:#02030bc9;backdrop-filter:blur(5px)}#delete-dialog h2{font-size:25px;line-height:1.3;font-weight:560;letter-spacing:-.035em}#delete-description{color:#c3bbd1;font-size:15px;line-height:1.8;margin-top:18px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px;flex-wrap:wrap}
@media(max-width:600px){.account-header,.account-footer{width:calc(100% - 40px)}.account-header{height:86px}.account-header .brand{font-size:18px;gap:9px}.account-header .brand-mark{width:27px;height:33px}.account-home{font-size:12px}.account-home span{margin-left:4px}.account-main{width:calc(100% - 32px);margin:34px auto 50px}.account-eyebrow{font-size:10px}.account-intro{font-size:15px;max-width:330px}.account-card{padding:25px 22px;border-radius:18px;margin-top:26px}.account-card h2{font-size:23px}.account-card>p{font-size:14px}.account-details>div{grid-template-columns:1fr;gap:6px;padding:17px 0}.account-danger{align-items:flex-start;flex-direction:column;gap:18px}.account-page .account-danger .button{width:100%}.account-footer{gap:16px;padding-block:24px;line-height:1.6}.account-footer span{width:100%}#delete-dialog{padding:25px 22px}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}.account-help{padding-inline:7px}}