.account-page{padding:88px 0 60px;min-height:100vh}.account-content{position:relative;max-width:600px}.account-head{margin-bottom:28px}.account-head h1{font-family:var(--font-display);font-size:28px;font-weight:600;line-height:1.2;margin:0 0 8px}.account-head p{color:var(--text-secondary);margin:0}.account-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.account-nav a,.account-nav button{display:flex;align-items:center;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-primary);font:600 14px/1.4 var(--font-sans);text-align:left;cursor:pointer}.account-nav a:hover,.account-nav button:hover{background:var(--surface-warm)}.account-nav [aria-current=page]{background:var(--surface-card);border-color:var(--surface-divider)}.account-nav button{margin-left:auto}.account-grid{display:grid;gap:20px}.account-card{padding:22px;border:1px solid var(--surface-divider);border-radius:16px;background:var(--surface-card);box-shadow:0 3px 12px #1c19170f}.account-card h2{font-family:var(--font-sans);font-size:20px;font-weight:600;line-height:1.4;margin:0 0 20px}.account-kicker{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin:0 0 10px}.account-email{font-size:clamp(18px,2vw,21px);font-weight:600;overflow-wrap:anywhere;margin:0 0 24px}.account-summary{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px solid var(--surface-divider);border-bottom:1px solid var(--surface-divider);margin-bottom:24px}.account-summary-mark{width:38px;height:38px;border-radius:50%;background:var(--color-accent-light);color:var(--color-accent);display:grid;place-items:center;flex:none;font-size:18px;font-weight:700}.account-summary strong,.account-summary small{display:block}.account-summary strong{font-weight:600}.account-summary small{color:var(--text-secondary);margin-top:2px}.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.account-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border-radius:999px;font:600 14px/1.4 var(--font-sans);cursor:pointer;text-align:center}.account-button-primary{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff}.account-button-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.account-button-secondary{border:1px solid var(--surface-divider);background:var(--surface-card);color:var(--text-primary)}.account-button-secondary:hover{background:var(--surface-warm)}.account-soft-link{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:14px;font-weight:600}.account-soft-link:hover{text-decoration:underline;text-underline-offset:4px}.account-muted{color:var(--text-secondary);font-size:14px;margin:0}.account-soft-link+.account-muted{margin-top:16px}.account-profile-hero{display:grid;justify-items:center;gap:10px;padding:8px 0;text-align:center}.account-profile-avatar{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:32px;font-weight:700}.account-profile-hero h2{margin:0;font-size:24px}.account-profile-details{margin:0}.account-profile-details div{padding:12px 0;border-bottom:1px solid var(--surface-divider)}.account-profile-details dt{color:var(--text-secondary);font-size:12px;text-transform:uppercase}.account-profile-details dd{margin:3px 0 0;font-weight:600;overflow-wrap:anywhere}.account-profile-details+.account-soft-link{margin-top:18px}.account-status-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:16px}.account-status-head h2{font-size:clamp(20px,2.5vw,24px);margin:0}.account-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:var(--color-accent-light);color:var(--color-accent);font-size:12px;font-weight:600}.account-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.account-big-fact{font-size:clamp(18px,2vw,22px);font-weight:600;line-height:1.4;margin:0 0 6px}.account-progress{height:8px;overflow:hidden;border-radius:99px;background:var(--color-accent-light);margin:18px 0 8px}.account-progress span{display:block;height:100%;border-radius:inherit;background:var(--color-accent)}.account-details{margin:20px 0 0}.account-details div{display:grid;grid-template-columns:minmax(130px,.85fr) minmax(0,1.15fr);gap:18px;padding:10px 0;border-top:1px solid var(--surface-divider);font-size:14px}.account-details dt{color:var(--text-secondary)}.account-details dd{margin:0;font-weight:600;overflow-wrap:anywhere}.account-management h2{margin-bottom:10px}.account-management .account-button{width:100%;margin-top:18px}.account-plan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.account-plan-option{min-height:96px;padding:16px;border:1px solid var(--surface-divider);border-radius:12px;background:var(--surface-card);color:var(--text-primary);text-align:left;cursor:pointer;font:inherit}.account-plan-option[aria-pressed=true]{border:2px solid var(--color-primary);background:var(--surface-warm);padding:15px}.account-plan-option strong,.account-plan-option span{display:block}.account-plan-option strong{font-weight:600}.account-plan-option span{margin-top:8px;color:var(--text-secondary);font-size:14px}.account-charge-terms{margin:0 0 18px;font-weight:600}.account-consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5}.account-consent input{margin-top:4px;accent-color:var(--color-primary)}.account-consent a{text-decoration:underline;text-underline-offset:3px}.account-payment-help{margin:16px 0 0;color:var(--text-secondary);font-size:13px}.account-error{margin:14px 0 0;color:#9d2525;font-size:14px}.account-notice{margin:18px 0 0;padding:14px;border-radius:10px;background:var(--surface-warm)}.account-button:disabled,.account-plan-option:disabled{opacity:.6;cursor:wait}.account-dialog-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:#1b181685}.account-dialog{width:min(100%,460px)}.account-dialog h2{margin-bottom:10px}.account-page :is(a,button):focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}@media(min-width:768px){.account-page{padding-top:96px;padding-bottom:80px}.account-head h1{font-size:36px}.account-card{padding:28px}}@media(min-width:900px){.account-content--with-nav{margin-left:232px}.account-nav{position:absolute;top:0;left:-232px;width:200px;display:grid;gap:4px;margin:0}.account-nav a,.account-nav button{width:100%}.account-nav button{margin:12px 0 0;border-top:1px solid var(--surface-divider);border-radius:0}}@media(max-width:390px){.account-details div{grid-template-columns:1fr;gap:2px}}@media(max-width:560px){.account-plan-options{grid-template-columns:1fr}}