*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f1f5fa;color:#172c47;font:16px/1.6 system-ui,sans-serif}main{max-width:1100px;margin:auto;padding:54px 28px}header{position:relative;padding:38px 0 50px;max-width:850px}.eyebrow{color:#1764b4;letter-spacing:2px;font-weight:750;font-size:12px}.badge{display:inline-block;background:#dcecff;color:#135ba6;border-radius:20px;padding:5px 14px;font-size:13px}h1{font-size:clamp(36px,6vw,62px);line-height:1.12;letter-spacing:-2px;margin:24px 0}.intro{max-width:590px;color:#53677f;font-size:19px}.button{display:inline-block;margin-top:15px;padding:12px 22px;background:#1266c5;color:white;border-radius:7px;text-decoration:none;font-weight:650}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}article,.practice{background:white;border:1px solid #dce5ef;border-radius:12px;padding:26px}article span{font-size:11px;letter-spacing:1.3px;color:#2367af;font-weight:700}h2{font-size:21px}article p{color:#53677f}.practice{margin-top:24px}.practice li{padding:5px 0}code{color:#185da6}footer{margin-top:30px;font-size:13px;color:#61758b}@media(max-width:720px){.cards{grid-template-columns:1fr}main{padding:22px 18px}header{padding-top:20px}h1{letter-spacing:-1px}}