.account-main{max-width:1080px;padding-block:clamp(48px,7vw,100px) 100px;min-height:65svh}
.account-heading{max-width:680px;margin-bottom:32px}.account-heading h1{font-size:clamp(38px,5vw,64px);margin-block:8px 16px}.account-heading>p:last-child{color:var(--muted);font-size:16px}
.account-panel{padding:32px;border:1px solid var(--border);border-radius:24px;background:var(--surface)}
.account-welcome{max-width:720px;padding:clamp(28px,5vw,56px);background:radial-gradient(ellipse at 0 0,#51163060,transparent 70%),var(--surface)}
.account-monogram{display:grid;place-items:center;width:64px;height:64px;margin-bottom:28px;border:1px solid #ff569f45;border-radius:18px;background:#361025;color:var(--pink-soft);font-family:DarkLove,var(--font-body);font-size:42px}
.account-welcome h2{font-size:clamp(26px,3vw,38px);margin-bottom:16px}.account-welcome>p{max-width:520px;color:var(--muted)}.account-welcome .account-actions{margin-top:28px}
.account-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.account-profile{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-block:32px}.account-profile h2{font-size:26px;overflow-wrap:anywhere}.account-profile p{color:var(--muted);overflow-wrap:anywhere}.account-profile .account-support{margin-top:6px;font-size:12px}.account-support strong{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--text);margin-inline-start:5px}
.account-text-button{padding:8px 0;border:0;background:transparent;color:var(--pink-soft);font-size:12px;text-align:start;text-decoration:underline;text-underline-offset:4px}.account-text-button:disabled{opacity:.5}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-card-heading{display:flex;align-items:center;gap:12px}.account-card-heading h2{font-size:19px;letter-spacing:-.025em}.account-card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#ff569f14;color:var(--pink-soft)}.account-card-icon svg{width:30px;height:30px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.account-balance{font-size:clamp(44px,6vw,68px);font-weight:600;letter-spacing:-.05em;font-variant-numeric:tabular-nums;line-height:1.4;margin-top:18px}.account-breakdown{display:flex;gap:32px;margin-block:12px 22px}.account-breakdown div{display:flex;flex-direction:column;gap:2px}.account-breakdown dt{font-size:12px;color:var(--muted)}.account-breakdown dd{margin:0;font-size:16px;font-variant-numeric:tabular-nums}
.account-expiry{font-size:12px;color:var(--muted);margin-bottom:24px}.account-panel>.button{margin-top:auto;align-self:flex-start}.account-wallet,.account-vip{display:flex;flex-direction:column;align-items:flex-start}.account-vip{background:linear-gradient(145deg,#32102450,transparent 75%),var(--surface)}.account-vip-status{font-size:30px;letter-spacing:-.04em;line-height:1.3;margin-block:30px 20px}.account-vip-status.is-active{color:var(--pink-soft)}
.account-notice{color:var(--muted);font-size:14px;margin-block:20px}.account-notice:empty{display:none}
.account-dialog{position:fixed;inset:0;width:min(480px,calc(100% - 32px));max-height:calc(100svh - 32px);margin:auto;padding:36px;border:1px solid #ffffff26;border-radius:24px;background:#111017;color:var(--text);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 24px 100px #0009}.account-dialog:not([open]){display:none}.account-dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.account-dialog h2{font-size:30px;line-height:1.2;padding-inline-end:12px;margin-block:10px 16px}.account-dialog>p:not(.eyebrow){font-size:13px;line-height:1.7;color:var(--muted)}.account-dialog-close{position:absolute;inset-block-start:12px;inset-inline-end:12px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;font-size:26px;color:var(--muted)}.account-dialog-close:hover{background:#ffffff0a;color:var(--text)}
#account-form{display:grid;gap:16px;margin-top:28px}#account-form label:not(.account-agreement){display:block;font-size:12px;color:var(--muted);margin-bottom:7px}#account-form input:not([type=checkbox]){width:100%;height:50px;padding:12px 14px;background:#08080d;border:1px solid #ffffff25;border-radius:10px;font-size:16px}#account-form input:disabled{opacity:.6}.account-password-wrap{position:relative}.account-password-wrap input{padding-inline-end:108px!important}.account-password-toggle{position:absolute;inset-block:0;inset-inline-end:0;max-width:108px;padding:8px 10px;border:0;background:none;color:var(--pink-soft);font-size:10px;line-height:1.3}
.account-agreement{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.7;color:var(--muted)}.account-agreement input{flex-shrink:0;width:18px;height:18px;accent-color:var(--pink);margin-top:1px}.account-agreement a{color:var(--pink-soft);text-decoration:underline}.account-form-notice{font-size:12px;color:var(--pink-soft);line-height:1.6;overflow-wrap:anywhere}.account-form-notice:empty{display:none}.account-submit{width:100%}.account-dialog-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px}.account-submit:disabled{opacity:.55;cursor:wait}
@media(max-width:680px){.account-main{padding-top:40px}.account-grid{grid-template-columns:1fr;gap:18px}.account-panel{padding:26px}.account-profile{align-items:flex-start;flex-direction:column;gap:14px}.account-profile h2{font-size:23px}.account-profile>.account-actions{gap:24px}.account-dialog{padding:32px 24px}.account-dialog h2{font-size:26px}.account-balance{font-size:56px}.account-actions .button{flex-grow:1}}