:root{--bg:#f6f7ff;--ink:#16163a;--head:#16163a;--brand:#3730a3;--accent:#06b6d4;--accent-ink:#3730a3;--line:#d9dcf5;--font-display:'Space Grotesk',system-ui,sans-serif;--font-body:'Inter',system-ui,sans-serif;--btn-r:10px}
.c-head{background:#fff;border-bottom:1px solid var(--line)}
.c-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px 20px;padding:14px 0;flex-wrap:wrap}
.c-brand{display:flex;align-items:center;gap:10px;font:700 1.35rem var(--font-display);text-decoration:none;color:var(--head)}
.c-brand i{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#3730a3,#06b6d4);display:block}
.c-head nav{display:flex;gap:6px;overflow-x:auto;order:3;width:100%}
.c-head nav a{text-decoration:none;font-weight:600;font-size:.95rem;padding:8px 14px;border-radius:8px;white-space:nowrap}.c-head nav a:hover{background:#eef0ff}
@media(min-width:900px){.c-head nav{order:0;width:auto}}
.c-hero{padding:clamp(28px,5vw,64px) 0}
.c-hero .wrap{display:grid;gap:36px;align-items:center}
@media(min-width:900px){.c-hero .wrap{grid-template-columns:7fr 5fr}}
.c-hero h1{font-size:clamp(2.3rem,5vw,4rem);letter-spacing:-.03em}
.c-hero h1 mark{background:linear-gradient(transparent 62%,#06b6d466 62%);color:inherit}
.finder{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.finder p{margin:0 0 10px;font-weight:700}
.finder .chips{margin:0}.finder a.chip{text-decoration:none;display:inline-flex;align-items:center}
.c-art{border-radius:20px;overflow:hidden;aspect-ratio:4/3;border:1px solid var(--line);box-shadow:0 24px 50px -24px #3730a366}
.blk{padding:clamp(48px,7vw,88px) 0}
.blk h2{font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.02em}
.courses{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr))}
.course{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px}
.course h3{font-size:1.4rem;margin:0}
.course dl{margin:0;display:grid;gap:10px;font-size:.95rem}
.course dt{font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--brand)}.course dd{margin:2px 0 0}
.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.meta span{background:#eef0ff;border-radius:99px;padding:4px 12px;font-size:.82rem;font-weight:600}
.lvl{align-self:flex-start;background:#06b6d4;color:#03303a;font-weight:700;font-size:.75rem;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.06em}
.lesson{background:#16163a;color:#e8eaff}
.lesson h2{color:#fff}.lesson .wrap{display:grid;gap:34px}
@media(min-width:900px){.lesson .wrap{grid-template-columns:5fr 6fr}}
.lesson ol{padding-left:1.2rem;margin:0 0 1rem}.lesson li{margin-bottom:.5rem}
.try{background:#0c0c25;border:1px solid #3b3b7a;border-radius:14px;overflow:hidden}
.try .bar{background:#23235a;padding:8px 14px;font:600 .8rem var(--font-body);color:#b9bcff}
.try pre{margin:0;padding:16px;font:500 .9rem/1.6 ui-monospace,Menlo,monospace;color:#9ee7f2;white-space:pre-wrap}
.try .inp{padding:14px 16px;border-top:1px solid #3b3b7a}
.try input{width:100%;padding:.7em;border-radius:8px;border:1px solid #6b6fd0;background:#fff;color:#111;font:inherit;min-height:44px}
.try .out{background:#fff;color:#111;margin:0 16px 16px;border-radius:10px;padding:16px}
.try .out p{margin:0;font:700 1.4rem var(--font-display);color:#3730a3}
.batches .table-scroll{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:14px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line)}tr:last-child td,tr:last-child th{border-bottom:0}th{font-weight:700}thead th{background:#eef0ff;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}
.demo{background:var(--brand);color:#fff}.demo h2{color:#fff}.demo .wrap{display:grid;gap:30px}
@media(min-width:900px){.demo .wrap{grid-template-columns:5fr 6fr}}
.demo .demo-form{background:#fff;color:#111;padding:26px;border-radius:16px}.demo .btn{background:#16163a}
.c-foot{padding:26px 0;font-size:.92rem}