*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#20242b;font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wrap{max-width:900px;margin:auto;padding:0 24px}header{background:#fff;border-bottom:1px solid #e6e8ec}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:750;letter-spacing:.04em;color:#17223b;text-decoration:none}.nav a{color:#5d6675;text-decoration:none;margin-left:24px}main{padding:64px 0}.hero{padding:44px;background:linear-gradient(135deg,#17223b,#304b78);border-radius:22px;color:#fff}.hero h1{font-size:42px;line-height:1.15;margin:0 0 18px}.hero p{max-width:620px;color:#dce6f6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:38px}.card{background:#fff;border:1px solid #e6e8ec;border-radius:16px;padding:26px;box-shadow:0 8px 30px rgba(22,34,59,.06)}.card h2{font-size:20px;margin:0 0 8px}.meta{font-size:13px;color:#8992a1}.card a{color:#245fa8;text-decoration:none}.article{background:#fff;border:1px solid #e6e8ec;border-radius:16px;padding:38px}.article h1{line-height:1.25}code{background:#eef1f5;padding:.15em .4em;border-radius:5px}footer{padding:36px 0;color:#8992a1;font-size:14px}@media(max-width:600px){.hero{padding:30px}.hero h1{font-size:34px}.nav a{margin-left:14px}.article{padding:26px}}