:root{--dark:#130a2a;--accent:#8b5cf6;--soft:#f7f2ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--soft);color:#111827;overflow-x:hidden}a{text-decoration:none;color:inherit}.nav{display:flex;justify-content:space-between;align-items:center;padding:18px clamp(18px,5vw,76px);background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.nav img{height:40px}.btn{display:inline-flex;border-radius:999px;background:var(--accent);padding:14px 22px;font-weight:900;box-shadow:0 18px 40px #0002}.btn,.hero{color:white}.hero{min-height:86vh;padding:clamp(56px,8vw,112px) clamp(18px,5vw,76px);display:grid;grid-template-columns:1fr 440px;grid-gap:34px;gap:34px;align-items:center;background:linear-gradient(135deg,var(--dark),#2d174f)}.hero h1{font-size:clamp(3rem,7vw,6.4rem);line-height:.9;margin:16px 0}.course-card{background:#ffffff12;border:1px solid #ffffff22;border-radius:34px;padding:26px}.lesson{display:flex;justify-content:space-between;gap:18px;background:#fff;color:#111;border-radius:18px;padding:14px 16px;margin:10px 0}.modules{padding:clamp(56px,8vw,100px) clamp(18px,5vw,76px);display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.modules article{background:white;border-radius:28px;padding:26px;box-shadow:0 16px 45px #0001}.mentor{padding:clamp(56px,8vw,100px) clamp(18px,5vw,76px);display:grid;grid-template-columns:360px 1fr;grid-gap:28px;gap:28px;background:var(--dark);color:#fff}.photo{min-height:400px;border-radius:40px;background:linear-gradient(135deg,var(--accent),#fff)}.bonus{padding:clamp(56px,8vw,100px) clamp(18px,5vw,76px);display:grid;grid-auto-flow:column;grid-auto-columns:280px;grid-gap:18px;gap:18px;overflow-x:auto}.bonus figure{margin:0;min-height:240px;border-radius:28px;background:linear-gradient(135deg,var(--accent),var(--dark));position:relative}.bonus span{position:absolute;bottom:18px;left:18px;background:#fff;padding:8px 12px;border-radius:999px;font-weight:900}.lead{padding:clamp(56px,8vw,100px) clamp(18px,5vw,76px);grid-template-columns:1fr 420px;grid-gap:24px;gap:24px}.lead,form{display:grid}form{grid-gap:12px;gap:12px}input{border:0;border-radius:16px;padding:15px;box-shadow:0 8px 30px #0001}@media(max-width:880px){.nav{position:relative;flex-direction:column;align-items:flex-start;gap:12px}.hero,.lead,.mentor,.modules{grid-template-columns:1fr}.hero h1{font-size:clamp(2.4rem,13vw,4.2rem)}}