:root{--ink:#071d1d;--mint:#16d9b2;--muted:#a9bfbc}*{box-sizing:border-box}body{margin:0;background:#071514;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(7,21,20,.86)}header img{width:190px;filter:brightness(0) invert(1)}.back{font-size:13px;font-weight:800;border:1px solid rgba(255,255,255,.2);padding:11px 18px;border-radius:999px}.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center;width:min(1380px,88vw);margin:auto;padding:72px 0}.content{max-width:760px}.eyebrow{color:var(--mint);font-size:11px;letter-spacing:.18em;font-weight:900}.status{display:flex;align-items:center;gap:9px;margin:32px 0 18px;color:#c5d5d2;font-size:13px;font-weight:700}.status i{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 7px rgba(22,217,178,.12)}h1{font-size:clamp(48px,6vw,88px);line-height:.98;letter-spacing:-.045em;margin:0}.content>p{font-size:19px;line-height:1.65;color:var(--muted);max-width:680px;margin:28px 0}.topics{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:32px}.topics span{font-size:12px;font-weight:800;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09)}.contact{display:inline-block;background:var(--mint);color:#05211d;font-weight:900;padding:15px 21px;border-radius:999px}aside{background:linear-gradient(145deg,#0d3935,#0a2725);border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:clamp(30px,4vw,56px);min-height:390px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}aside:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(22,217,178,.12);right:-100px;top:-120px}.symbol{position:absolute;top:38px;right:42px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:#05211d;font-size:28px}aside span{color:var(--mint);font-size:11px;letter-spacing:.16em;font-weight:900}aside strong{font-size:clamp(28px,3vw,42px);line-height:1.05;margin:15px 0}aside p{color:var(--muted);line-height:1.6;margin:0}.catalog{width:min(1380px,88vw);margin:0 auto;padding:50px 0 110px}.catalog-head{max-width:720px;margin-bottom:38px}.catalog-head h2,.platform h2{font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-.035em;margin:12px 0}.catalog-head p,.platform p{color:var(--muted);font-size:17px;line-height:1.6}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.course-grid article{padding:30px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(255,255,255,.045)}.course-grid article>b{color:var(--mint);font-size:12px;letter-spacing:.14em}.course-grid h3{font-size:25px;margin:18px 0}.course-grid ul{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:11px;color:#bdd0cd}.course-grid li:before{content:"✓";color:var(--mint);margin-right:9px}.course-grid article>span{display:inline-block;color:#8fb0ab;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;border-top:1px solid rgba(255,255,255,.1);padding-top:16px;width:100%}.platform{margin-top:70px;padding:clamp(30px,5vw,68px);border-radius:26px;background:linear-gradient(135deg,#0d3935,#0a2523);display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;border:1px solid rgba(255,255,255,.11)}.platform>div:first-child{max-width:850px}.platform-mark{width:220px;height:130px;border-radius:28px;background:var(--mint);display:grid;place-items:center;padding:22px}.platform-mark img{display:block;width:100%;height:auto;max-height:86px;object-fit:contain}footer{height:54px;padding:0 6vw;display:flex;align-items:center;color:#718a86;font-size:12px;border-top:1px solid rgba(255,255,255,.08)}@media(max-width:900px){header{padding:0 24px}.hero{grid-template-columns:1fr;width:auto;padding:55px 24px}.content>p{font-size:17px}aside{min-height:330px}h1{font-size:52px}.catalog{width:auto;padding:30px 24px 80px}.course-grid{grid-template-columns:1fr}.platform{grid-template-columns:1fr}.platform-mark{width:190px;height:105px;padding:18px}}@media(max-width:520px){header img{width:150px}.back{padding:9px 12px;font-size:11px}h1{font-size:44px}.hero{padding-top:42px}}
