:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#172c3c;background:#f7f9fc}*{box-sizing:border-box}body{margin:0;line-height:1.65}a{color:#126f98;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1120px;margin:auto;padding:0 22px}header{background:#fff;border-bottom:1px solid #e3e9ee}.nav{display:flex;justify-content:space-between;align-items:center;min-height:76px;gap:16px}.logo{font-size:1.55rem;font-weight:850;color:#17364a}.logo span{color:#e07a3e}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{font-weight:650;color:#294455}.hero{padding:95px 45px;background:linear-gradient(125deg,#153f5a,#146d89);color:#fff;border-radius:0 0 24px 24px}.hero h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.13;letter-spacing:-.035em;margin:18px 0}.hero em{color:#ffc17e;font-style:normal}.hero p{max-width:640px;font-size:1.13rem}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#d9814d;margin-top:16px}.hero .eyebrow{color:#ffcf9b}.btn{display:inline-block;background:#e78040;color:#fff;padding:11px 19px;border-radius:10px;font-weight:750;margin-top:12px}.btn:hover{background:#cb632a;text-decoration:none}.section{padding:48px 0}.section h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:22px}.card,.module,.lesson{background:#fff;border:1px solid #e1e8ee;border-radius:16px;padding:25px;box-shadow:0 5px 22px #1c45620a}.card h3{font-size:1.3rem;margin:9px 0}.card p{color:#526776;min-height:70px}.feature{padding:32px;margin:12px 0 60px;background:#e7f2f7;border-radius:16px}.module{margin:20px 0}.module li{padding:6px 0}.notice{padding:18px 20px;background:#eef3f6;border-radius:12px;color:#536777}.lesson{white-space:normal;max-width:850px}footer{padding:28px 0;border-top:1px solid #e1e8ee;color:#677b87;background:#fff}@media(max-width:600px){.nav{align-items:flex-start;flex-direction:column;padding-top:16px;padding-bottom:16px;gap:5px}nav{gap:16px}.hero{padding:58px 22px}.section{padding:32px 0}.heading{align-items:flex-start;flex-direction:column}}