.account-hero{padding:29px;background:radial-gradient(circle at 95% 10%,#ffd8de,transparent 40%),linear-gradient(140deg,#fffaf4,#fff0ee)}
.account-profile{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:15px 0 23px}
.account-avatar{height:58px;width:58px;border-radius:20px;background:linear-gradient(140deg,#f887a0,#c32b54);display:grid;place-items:center;color:white;font-size:28px;box-shadow:0 8px 20px #d4416050}
.account-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:20px}
.account-side{padding:25px}
.account-list{display:grid;gap:12px}
.account-item{padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:16px;display:flex;gap:15px;align-items:center;justify-content:space-between}
.account-item b{display:block;overflow-wrap:anywhere}
.account-item .muted{font-size:12px}
.account-off{border:1px solid #eec3c7;background:#fff3f0;color:#854e5a;padding:18px;border-radius:15px}
.account-controls{display:flex;gap:8px;flex-wrap:wrap}
.account-nav{font-size:13px}
.telegram-button{border:0;background:#279bd4;color:#fff;padding:14px 20px;border-radius:15px;display:inline-flex;gap:10px;align-items:center;font-weight:900}
.telegram-button:disabled{opacity:.48;cursor:not-allowed}
.account-step{padding:20px;border:1px dashed #e5aeba;border-radius:18px;background:#fff9f7}
.account-step strong{display:block;margin-bottom:5px}
.account-step a{color:var(--rose-dark);text-decoration:underline}
.account-checkbox{accent-color:var(--rose);width:20px;height:20px}
.account-state{color:#7b5661;border-radius:100px;padding:5px 11px;font-size:11px;font-weight:900;background:#fcedee}
@media(max-width:820px){.mobile-nav:has(.account-nav){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){.account-layout{grid-template-columns:1fr}.account-item{align-items:flex-start;flex-direction:column}.account-controls{width:100%}.account-controls button{flex:1}.account-hero{padding:20px}}