/* Лендинг платформы + авторизация + кабинет */
.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topbar .container{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:1rem}
.logo{font-weight:800;font-size:1.2rem;color:var(--ink);letter-spacing:-.02em}.logo span{color:var(--brand)}
.nav{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}.nav a{color:var(--ink);font-weight:500}
.langs{display:flex;gap:.4rem}.langs a{font-size:.8rem;color:var(--muted);padding:.1em .4em;border-radius:6px}.langs a.on{background:#eef2fb;color:var(--ink);font-weight:700}
.hero{padding:clamp(3rem,8vw,6rem) 0;background:radial-gradient(1200px 500px at 80% -10%,#cfe0ff 0,transparent 60%),radial-gradient(900px 400px at 0 0,#d8f6ee 0,transparent 55%),var(--bg)}
.hero .badge{margin-bottom:1rem}.hero p.lead{font-size:1.2rem;color:var(--muted);max-width:44rem}
.hero .actions{margin:1.6rem 0 .8rem;display:flex;gap:.8rem;flex-wrap:wrap}
section.block{padding:clamp(2.5rem,6vw,4.5rem) 0}section.block.alt{background:#fff;border-block:1px solid var(--line)}
.steps{counter-reset:s}.steps .card{position:relative;padding-top:2.4rem}.steps .card::before{counter-increment:s;content:counter(s);position:absolute;top:-14px;left:1.2rem;width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700}
.feature h3{margin-bottom:.3rem}.feature p{color:var(--muted);margin:0}
.checks{list-style:none;padding:0;margin:1rem 0}.checks li{padding-left:1.7rem;position:relative;margin:.4rem 0}.checks li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:800}
.price{text-align:left}.price .amount{font-size:2.4rem;font-weight:800}.price .per{color:var(--muted)}
.price.featured{border-color:var(--brand);box-shadow:0 10px 34px rgba(11,95,255,.18)}
footer.pf{padding:2rem 0;border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:.9rem}footer.pf .container{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.authwrap{min-height:calc(100vh - 64px);display:grid;place-items:center;padding:2rem 0}.authcard{width:min(440px,100% - 32px)}
/* кабинет */
.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.side{background:#0f1b33;color:#cfd8ee;padding:1.2rem 1rem;position:sticky;top:0;height:100vh;overflow:auto}
.side .logo{color:#fff;display:block;margin:0 .5rem 1.2rem}.side a{display:block;padding:.5rem .7rem;border-radius:10px;color:#cfd8ee;font-size:.95rem}
.side a:hover{background:#1b2a4d;text-decoration:none;color:#fff}.side a.on{background:var(--brand);color:#fff}
.side .sep{margin:.9rem .7rem .3rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#7f8db0}
.main{padding:1.6rem clamp(1rem,3vw,2.2rem) 4rem;min-width:0}.main h1{font-size:1.7rem}
.main .head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}
.stat{font-size:2rem;font-weight:800;line-height:1}.checklist{list-style:none;padding:0;margin:0}.checklist li{display:flex;gap:.7rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--line)}
.checklist .dot{width:22px;height:22px;border-radius:50%;border:2px solid #cdd5e4;display:grid;place-items:center;font-size:.8rem;flex:none}.checklist .done .dot{background:var(--ok);border-color:var(--ok);color:#fff}
.copybox{display:flex;gap:.5rem}.copybox input{font-family:ui-monospace,Menlo,monospace;font-size:.85rem}
.transcript{max-height:360px;overflow:auto;background:#f3f6fc;border-radius:10px;padding:.8rem}.transcript .u{color:#0a3c9c}.transcript .a{color:var(--ink)}.transcript p{margin:.3rem 0}
.menu-toggle{display:none}
@media(max-width:860px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;display:flex;flex-wrap:wrap;gap:.3rem;padding:.7rem}.side .logo,.side .sep{display:none}.side a{padding:.4rem .7rem}}