.acct{max-width:980px;margin:0 auto;padding:40px 24px 80px;min-height:70vh}
.acct h1{font-size:clamp(32px,5vw,52px);letter-spacing:-.05em;margin:0 0 8px}.acct h2{font-size:28px;letter-spacing:-.03em;margin:44px 0 6px}
.acct .mute{color:var(--mute);line-height:1.5;margin:0 0 14px}
.card-col{max-width:480px;margin:40px auto}
.win .body{padding:22px}
.head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.stack{display:grid;gap:14px;margin-top:18px}.stack label{display:grid;gap:6px;font-size:13px;color:var(--mute)}
.acct input{font:inherit;padding:11px 14px;border:1px solid #cfccd3;border-radius:12px;background:#fff;color:var(--ink)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.btn.small{padding:8px 16px;font-size:14px}
.big{font-size:40px;font-weight:700;letter-spacing:-.04em;margin:0}
.facts{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px;font-size:15px}.facts li{display:flex;justify-content:space-between;gap:12px}.facts b{font-weight:600}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
.plan .body{display:grid;gap:8px;min-height:230px;align-content:start}.plan h3{margin:0;font-size:20px}.plan .price{font-size:34px;font-weight:700;letter-spacing:-.04em}.plan .price small{font-size:14px;font-weight:500;color:var(--mute)}
.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:6px;color:var(--mute);font-size:14px}.plan .btn{justify-self:start;margin-top:6px}
.plan.current{outline:2px solid var(--blue)}
.notice{margin:0 0 18px;padding:12px 16px;border-radius:14px;background:#fff;border:1px solid var(--line)}.notice.bad{border-color:#e9b8b0;color:#8a2c20}.notice.good{border-color:#b8e0c4;color:#1f6a37}
#confirm{margin-top:24px;max-width:520px}
@media(max-width:900px){.plans{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}
@media(max-width:560px){.plans{grid-template-columns:1fr}}
.legal{max-width:760px}.legal h2{font-size:22px;margin:30px 0 6px}.legal p{line-height:1.65;margin:0 0 10px}.legal a{color:var(--blue)}
footer a{color:inherit;text-decoration:underline}
.legal-head{margin-bottom:22px}.legal-head h1{margin:14px 0 6px}.summary{font-size:19px;line-height:1.5;max-width:720px;margin:14px 0 0}
.toc{display:grid;gap:6px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin:26px 0 8px;max-width:520px}.toc b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.toc a{color:var(--ink);font-size:15px}.toc a:hover{color:var(--blue)}
.legal section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:6px 26px 14px;margin:16px 0;scroll-margin-top:84px}
.legal h2{font-size:21px;letter-spacing:-.02em}.legal ul{margin:6px 0 12px;padding-left:20px;display:grid;gap:7px;line-height:1.6}
.data{width:100%;border-collapse:collapse;margin:10px 0 14px;font-size:14.5px}.data th{text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding:8px 10px;border-bottom:1px solid var(--line)}.data td{padding:12px 10px;border-bottom:1px solid #efedf1;vertical-align:top;line-height:1.5}
.fine{margin-top:24px;color:var(--mute);font-size:14px}
@media(max-width:700px){.legal section{padding:4px 16px 12px}.data th:nth-child(3),.data td:nth-child(3){display:none}}
