.account-intro .in,.account-section>.in{max-width:1080px}.account-intro .in{padding-block:34px 28px}.account-back{font-size:13px;color:var(--mut)}.account-intro h1{font-size:36px;margin-top:18px}.account-intro p{font-size:16px;color:var(--mut);margin-top:10px}
main>.account-section{padding:0 0 64px}.account-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px;align-items:start}.account-main{min-width:0}
.access-status{padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--sh)}.access-status-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--ground);color:var(--cyanD);font-size:25px;font-weight:600;margin-bottom:20px}.access-status .eyebrow{font-size:10px}.access-status h2{font-size:25px;line-height:1.2;margin:10px 0 12px}.access-status>p{font-size:14px;color:var(--mut);line-height:1.7}.access-status[data-state=active]{border-color:#c3dfd1}.access-status[data-state=active] .access-status-icon{background:#e7f5ee;color:var(--ok)}.access-status[data-state=failed] .access-status-icon,.access-status[data-state=error] .access-status-icon{background:#fff0eb;color:var(--bad)}
.access-status-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.access-status-actions .btn{min-height:44px;font-size:13px;padding:12px 18px}.access-status .account-note{font-size:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line2)}.access-benefits{list-style:none;padding:0;margin:18px 0;display:grid;gap:8px;font-size:13px}.access-benefits li::before{content:'✓';color:var(--ok);margin-right:9px}
.account-plans{margin-top:24px}.account-plans>h2{font-size:18px;margin-bottom:14px}.account-plans .subscription-item{padding:20px;margin:0 0 12px;background:#fff;border:1px solid var(--line);border-radius:12px}.subscription-item>b{display:block;font-size:16px}.subscription-item p{font-size:13px;color:var(--mut);margin:7px 0}.subscription-item .subscription-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px}.subscription-item .subscription-actions>a{font-size:12px;color:var(--cyanD);text-decoration:underline}.subscription-item .btn{font-size:12px;min-height:44px}
.restore-access{border:1px solid var(--line);border-radius:14px;background:#fff}.restore-access summary{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:600;cursor:pointer;list-style:none}.restore-access summary::-webkit-details-marker{display:none}.restore-access summary small{display:block;font-weight:400;font-size:12px;color:var(--mut);margin-top:5px}.restore-access[open] summary>span:last-child{transform:rotate(45deg)}.restore-access form{padding:0 20px 20px}.restore-access form>p{font-size:13px;color:var(--mut)}.restore-access .field{margin:18px 0;gap:8px}.restore-access .field label{font-size:12px}.restore-access .field input{font-size:16px;padding:12px;min-width:0}.restore-access .hint{font-size:11px}.restore-access form .btn{width:100%;min-height:44px;font-size:13px}.restore-access #restoreMessage:not(:empty){margin-top:14px;color:var(--ink)}
.account-support{padding:24px 20px}.account-support h2{font-size:16px}.account-support p{font-size:13px;color:var(--mut);margin:10px 0 14px}.account-support a{font-size:13px;font-weight:600;color:var(--cyanD)}
@media(max-width:760px){.account-grid{grid-template-columns:1fr;gap:18px}.account-intro .in{padding-block:22px}.account-intro h1{font-size:29px;margin-top:14px}.account-intro p{font-size:14px}.access-status{padding:22px}.access-status h2{font-size:23px}.access-status-icon{margin-bottom:16px}.account-support{padding:20px}.account-plans{margin-top:20px}main>.account-section{padding-bottom:32px}.access-status-actions .btn{flex:1;white-space:normal}.restore-access summary{min-height:80px}}