:root{--ct-bg:#050816;--ct-panel:#0b142a;--ct-line:rgba(148,163,184,.2);--ct-text:#f8fafc;--ct-muted:#a8b3c7;--ct-violet:#8b5cf6;--ct-cyan:#22d3ee}
.ct-main{min-height:calc(100vh - 92px);background:radial-gradient(circle at 10% 0%,rgba(139,92,246,.2),transparent 32%),radial-gradient(circle at 90% 5%,rgba(34,211,238,.14),transparent 30%),linear-gradient(145deg,#050816,#091226 55%,#06101f);color:var(--ct-text)}
.ct-wrap{width:min(1480px,calc(100% - 32px));margin:auto;padding:34px 0 50px}.ct-back{display:inline-flex;margin-bottom:18px;color:#c4b5fd;font-weight:800;text-decoration:none}.ct-back:hover{text-decoration:underline}
.ct-hero{text-align:center;max-width:860px;margin:0 auto 28px}.ct-kicker{color:#67e8f9;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ct-hero h1{font-size:clamp(2rem,5vw,4.4rem);line-height:1;margin:10px 0 14px}.ct-hero p{color:#cbd5e1;font-size:1.05rem;line-height:1.65}
.ct-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1050px;margin:32px auto 0}.ct-card{display:flex;flex-direction:column;padding:28px;border:1px solid var(--ct-line);border-radius:24px;background:rgba(11,20,42,.88);box-shadow:0 20px 55px rgba(0,0,0,.32)}.ct-card h2{margin:10px 0 10px;font-size:1.55rem}.ct-card p{color:#cbd5e1;line-height:1.6;flex:1}.ct-badge{align-self:flex-start;border:1px solid rgba(103,232,249,.3);border-radius:999px;padding:6px 10px;color:#a5f3fc;background:rgba(34,211,238,.08);font-size:.72rem;font-weight:900;text-transform:uppercase}.ct-btn{display:inline-flex;justify-content:center;align-items:center;margin-top:14px;padding:13px 18px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--ct-violet),var(--ct-cyan));color:white;text-decoration:none;font-weight:900;cursor:pointer}
.ct-workspace{display:grid;grid-template-columns:minmax(0,1fr) 545px;gap:14px;align-items:start}.ct-browser{min-height:760px;border:1px solid var(--ct-line);border-radius:20px;overflow:hidden;background:white;box-shadow:0 20px 55px rgba(0,0,0,.35)}.ct-browser-bar{height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;background:#0b142a;color:white;border-bottom:1px solid var(--ct-line)}.ct-browser-bar strong{font-size:.9rem}.ct-browser-actions{display:flex;gap:8px}.ct-browser-actions a{padding:7px 11px;border-radius:999px;color:#e2e8f0;background:rgba(255,255,255,.08);font-size:.72rem;font-weight:800;text-decoration:none}.ct-browser iframe{display:block;width:100%;height:710px;border:0;background:white}
.ct-launch{max-width:850px;margin:0 auto;padding:32px;border:1px solid var(--ct-line);border-radius:24px;background:rgba(11,20,42,.9);text-align:center}.ct-launch h2{font-size:clamp(1.5rem,4vw,2.4rem);margin:0 0 12px}.ct-launch p{color:#cbd5e1;line-height:1.65}.ct-launch-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}.ct-note{margin-top:18px;color:#94a3b8;font-size:.85rem}
.live-coach{position:sticky;top:12px;padding:10px;display:grid;gap:8px;border:1px solid var(--ct-line);border-radius:20px;background:rgba(11,20,42,.96);box-shadow:0 20px 55px rgba(0,0,0,.35)}.lc-card,.lc-steps,.lc-controls{border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.06)}.lc-formula{padding:11px;background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(34,211,238,.1))}.lc-kicker{display:block;margin-bottom:7px;color:#e9d5ff;font-size:.68rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.lc-flow{display:flex;flex-wrap:wrap;gap:4px 7px;align-items:center;font-size:.8rem}.lc-flow span{color:#67e8f9;font-weight:950}.lc-forbidden{padding:10px 12px;background:rgba(239,68,68,.075);border-color:rgba(248,113,113,.24)}.lc-forbidden-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.lc-forbidden h2{margin:0;color:#fecaca;font-size:.92rem}.lc-forbidden p{margin:4px 0 7px;color:#cbd5e1;font-size:.72rem}.lc-pills{display:flex;flex-wrap:wrap;gap:4px}.lc-pills span{padding:4px 7px;border:1px solid rgba(248,113,113,.2);border-radius:999px;color:#fee2e2;background:rgba(239,68,68,.12);font-size:.63rem;font-weight:800}.lc-alert{width:28px;height:28px;border:1px solid rgba(255,194,194,.52);border-radius:50%;color:white;background:linear-gradient(#ef4444,#b91c1c);font-size:17px;font-weight:1000;cursor:pointer}.lc-controls{display:flex;align-items:center;justify-content:space-between;padding:8px 10px}.lc-controls strong{font-size:.75rem}.lc-reset{padding:6px 10px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:white;background:rgba(255,255,255,.09);font-size:.67rem;font-weight:900;cursor:pointer}.lc-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0;background:transparent}.lc-step{position:relative;display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;padding:10px 36px 10px 10px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(255,255,255,.065);transition:.18s}.lc-number{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--ct-violet),var(--ct-cyan));font-size:.78rem;font-weight:950}.lc-step h3{margin:1px 0 4px;font-size:.83rem}.lc-step p{margin:0 0 3px;color:#cbd5e1;font-size:.7rem;line-height:1.25}.lc-check{position:absolute;right:8px;top:8px;width:20px;height:20px;accent-color:#22d3ee;cursor:pointer}.lc-step.completed{opacity:.48}.lc-step.completed h3,.lc-step.completed p{text-decoration:line-through}.lc-overlay{position:fixed;inset:0;z-index:2147483647;pointer-events:none;opacity:0;visibility:hidden;border:0 solid transparent}
body.coach-window{margin:0;background:#050816}.coach-window .ct-wrap{width:100%;padding:8px}.coach-window .live-coach{position:static}.coach-window .ct-back{margin:2px 4px 8px}
@media(max-width:1050px){.ct-workspace{grid-template-columns:1fr}.live-coach{position:static}.ct-browser{min-height:620px}.ct-browser iframe{height:570px}}
@media(max-width:700px){.ct-wrap{width:min(100% - 20px,1480px);padding-top:22px}.ct-grid{grid-template-columns:1fr}.ct-card{padding:22px}.ct-browser-bar{height:auto;align-items:flex-start;flex-direction:column}.ct-browser{min-height:560px}.ct-browser iframe{height:500px}.lc-steps{grid-template-columns:1fr}.ct-launch{padding:23px 18px}.ct-launch-actions{display:grid}.ct-btn{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}