*{box-sizing:border-box}body{margin:0;background:#f4f7fc;color:#172742;font:15px/1.6 system-ui,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:20px max(6vw,20px);background:#fff;border-bottom:1px solid #e2e8f2}.brand{text-decoration:none;color:#172742;font-weight:750;font-size:22px;display:flex;gap:12px;align-items:center}.brand span{background:#3156db;color:white;border-radius:10px;padding:2px 12px}.badge{font-size:12px;background:#edf2ff;color:#3156db;padding:5px 12px;border-radius:20px}main{max-width:1050px;margin:55px auto;padding:0 24px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#3156db}h1{font-size:clamp(32px,5vw,55px);line-height:1.15;letter-spacing:-2px;margin:18px 0}.intro{max-width:650px;color:#5a6b85;font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0}article{background:#fff;padding:24px;border:1px solid #e1e8f2;border-radius:16px}article span{color:#3156db;font-weight:700}h2{font-size:19px;margin:10px 0}article p,aside p{color:#5a6b85;margin:0}aside{padding:20px 24px;border-left:3px solid #3156db;background:#eaf0ff;border-radius:0 12px 12px 0}footer{text-align:center;color:#64748b;padding:25px;font-size:12px}@media(max-width:650px){main{margin-top:30px}.cards{grid-template-columns:1fr;gap:10px}header{gap:12px}.badge{font-size:10px}article{padding:18px}}