:root{--ink:#26213a;--mut:#6a6480;--acc:#c2185b;--acc2:#5e35b1;--soft:#f7f3fb;--line:#e6def0}
*{box-sizing:border-box}body{margin:0;font:17px/1.7 'Source Sans 3',Arial,sans-serif;color:var(--ink);background:#fcfbfe}
a{color:var(--acc2)}img{max-width:100%;height:auto;display:block}.wrap{max-width:1060px;margin:0 auto;padding:0 18px}
.top{background:var(--acc2);color:#fff;font-size:14px}.top .wrap{display:flex;justify-content:space-between;padding:6px 18px}.top a{color:#fff}
header{background:#fff;border-bottom:1px solid var(--line)}header .wrap{display:flex;align-items:center;gap:20px;min-height:72px;flex-wrap:wrap}
.brand{text-decoration:none;color:var(--ink)}.brand b{display:block;font-size:24px;color:var(--acc)}.brand small{color:var(--mut);letter-spacing:2px;font-size:12px}
header nav{margin-left:auto;display:flex;gap:18px;font-size:15px;flex-wrap:wrap}header nav a{color:var(--ink);text-decoration:none}header nav a:hover{color:var(--acc)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:40px 0}.hero h1{font-size:34px;line-height:1.2;margin:0 0 12px}.hero img{border-radius:18px}
.box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin:0 0 20px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid3 .box h3{margin-top:0;color:var(--acc)}
.course h2,.course h3,.course h4{color:var(--acc2)}.course ul ul{margin:0;padding-left:0}main{padding-bottom:30px}
.list a{display:block;padding:14px 18px;border:1px solid var(--line);border-radius:12px;margin:0 0 10px;background:#fff;text-decoration:none;color:var(--ink);font-weight:600}.list a:hover{border-color:var(--acc)}
footer{background:var(--ink);color:#d8d3e6;padding:30px 0;font-size:15px}footer a{color:#fff}
.w1{max-width:820px;margin:0 auto;padding:30px 18px}
@media(max-width:780px){.hero,.grid3{grid-template-columns:1fr}.hero h1{font-size:27px}}
.w1 h1{font-size:32px;line-height:1.2;margin:0 0 16px}.w1 h2{font-size:24px;margin:30px 0 12px}.w1 h3{font-size:19px;margin:22px 0 8px}
.w1 img{border-radius:12px;margin:10px 0 18px}.w1 .table-wrap{overflow-x:auto;margin:0 0 18px}.w1 table{width:100%;border-collapse:collapse;font-size:15px}
.w1 th,.w1 td{border:1px solid var(--line);padding:9px 11px;text-align:left}.w1 th{background:var(--soft)}
.w1 .cta{text-align:center;margin:22px 0}.w1 .btn{display:inline-block;padding:13px 28px;border-radius:999px;background:#d52b1e;color:#fff!important;font-weight:700;text-decoration:none}