.cm .cm-s{padding:80px 0;border-top:1px solid var(--ln)}
.cm .cm-alt{background:linear-gradient(180deg,rgba(124,58,237,.07),rgba(6,182,212,.04))}
.cm .cm-s h2{font-size:36px;margin:4px 0 12px}
.cm .cm-p{color:var(--m);font-size:18px;max-width:780px;margin:0 0 34px}
.cm .cm-g{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cm .cm-g4{grid-template-columns:repeat(4,1fr)}.cm .cm-g2{grid-template-columns:repeat(2,1fr)}
.cm .cm-c{position:relative;background:var(--card);border:1px solid var(--ln);border-radius:18px;padding:24px}
.cm .cm-c h3{margin:10px 0 6px;font-size:18px}.cm .cm-c p{color:var(--m);margin:0;font-size:15px;line-height:1.8}
.cm .cm-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,58,237,.35),rgba(6,182,212,.25));color:#e8e8f5;font-weight:700}
.cm .cm-ck{list-style:none;padding:0;margin:14px 0 0}.cm .cm-ck li{padding:5px 0}.cm .cm-ck li:before{content:"\2713";color:var(--c);margin-inline-end:10px;font-weight:700}
.cm .cm-ed{background:#0f0f22;border:1px solid rgba(139,92,246,.45);border-radius:20px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(139,92,246,.6)}
.cm .cm-bar{display:flex;gap:8px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--ln);font-size:13px;color:var(--m)}
.cm .cm-bar i{width:10px;height:10px;border-radius:50%;background:#333;display:inline-block}
.cm .cm-tab{padding:4px 12px;border-radius:8px;background:rgba(255,255,255,.05)}.cm .cm-tab.on{background:rgba(139,92,246,.35);color:#fff}
.cm .cm-body{display:grid;grid-template-columns:1fr 150px;gap:14px;padding:16px}
.cm .cm-blk{height:46px;border-radius:10px;background:rgba(255,255,255,.05);margin-bottom:10px;border:1px dashed rgba(255,255,255,.12);display:flex;align-items:center;padding:0 14px;font-size:13px;color:var(--m)}
.cm .cm-blk.sel{border:1px solid var(--c);color:#fff;background:rgba(34,211,238,.08)}.cm .cm-blk.big{height:90px}
.cm .cm-side div{font-size:12px;color:var(--m);padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.04);margin-bottom:6px}
.cm .cm-ask{margin:0 16px 16px;padding:12px 14px;border-radius:12px;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.4);font-size:13px}
.cm .cm-rv{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.cm .cm-rv span{font-size:12px;padding:4px 12px;border-radius:99px;border:1px solid var(--ln);color:var(--m)}.cm .cm-rv span.k{background:#16a34a33;border-color:#16a34a;color:#86efac}
.cm .cm-lang{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}.cm .cm-lang div{flex:1;min-width:200px;background:var(--card);border:1px solid var(--ln);border-radius:16px;padding:18px}
.cm .cm-lang b{font-size:22px;color:var(--c)}.cm .cm-lang small{display:block;color:var(--m);margin-top:6px}
.cm .cm-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;counter-reset:f}
.cm .cm-flow div{background:var(--card);border:1px solid var(--ln);border-radius:16px;padding:18px;text-align:center;position:relative}
.cm .cm-flow div:before{counter-increment:f;content:counter(f);display:block;width:30px;height:30px;margin:0 auto 10px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#06b6d4);line-height:30px;font-weight:700}
.cm .cm-flow b{display:block;margin-bottom:6px}.cm .cm-flow span{color:var(--m);font-size:13px}.cm .cm-flow .ok{border-color:#fbbf24}.cm .cm-flow .ok b{color:#fbbf24}
.cm .cm-mm{display:grid;grid-template-columns:220px 1fr;background:#0f0f22;border:1px solid var(--ln);border-radius:18px;overflow:hidden}
.cm .cm-mm aside{background:rgba(139,92,246,.12);padding:16px}.cm .cm-mm aside div{padding:8px 10px;border-radius:8px;font-size:14px;color:var(--m)}.cm .cm-mm aside .on{background:rgba(139,92,246,.35);color:#fff}
.cm .cm-mm ul{list-style:none;margin:0;padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cm .cm-mm li{padding:12px;border-radius:10px;background:rgba(255,255,255,.04);font-size:14px}.cm .cm-mm li small{display:block;color:var(--m);font-size:12px}
.cm .cm-hv .cm-c{border-width:2px}.cm .cm-h0{border-color:rgba(34,211,238,.5)}.cm .cm-h1{border-color:rgba(139,92,246,.6)}.cm .cm-h2{border-color:rgba(251,191,36,.5)}
.cm .cm-sub{color:var(--c);font-weight:600;font-size:14px}.cm .cm-where{font-size:13px;color:var(--m);margin-top:12px;border-top:1px solid var(--ln);padding-top:10px}
.cm .cm-row{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.cm .cm-cta{text-align:center;padding:56px;border-radius:28px;background:radial-gradient(500px 200px at 50% 0,rgba(139,92,246,.35),transparent),var(--card);border:1px solid rgba(139,92,246,.4)}
.cm .cm-code{font-family:monospace;font-size:13px;direction:ltr;text-align:left;background:#0a0a18;border-radius:12px;padding:14px;color:#a5b4fc;line-height:1.7}
@media (max-width:860px){.cm .cm-s{padding:56px 0}.cm .cm-s h2{font-size:28px}.cm .cm-g,.cm .cm-g4,.cm .cm-g2{grid-template-columns:1fr}.cm .cm-flow{grid-template-columns:1fr 1fr}.cm .cm-mm{grid-template-columns:1fr}.cm .cm-mm ul{grid-template-columns:1fr}.cm .cm-body{grid-template-columns:1fr}.cm .cm-side{display:none}.cm .cm-cta{padding:32px 18px}.cm .cm-lang div{min-width:140px}}