*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.7;color:#122033;background:#f5f9ff}
a{color:#0b5ed7}header{background:#0b1b33;color:#fff;padding:16px 22px;position:sticky;top:0;z-index:5}
header .brand{font-weight:800;font-size:1.25rem;letter-spacing:.3px}header .brand span{color:#0dcaf0}
nav{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:.95rem}nav a{color:#dbeafe;text-decoration:none}nav a:hover{color:#0dcaf0}
.wrap{max-width:1050px;margin:0 auto;padding:34px 22px 54px}h1{font-size:2.05rem;line-height:1.2;margin:0 0 14px}h2{margin-top:32px;font-size:1.35rem}h3{margin:0 0 6px}
.hero{background:linear-gradient(135deg,#0b1b33,#0b5ed7);color:#fff;border-radius:10px;padding:28px 26px;margin:0 0 28px}.hero p{max-width:850px;margin:8px 0 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:#fff;border:1px solid #d9e7fb;border-radius:9px;padding:18px}
.btn{display:inline-block;background:#0b5ed7;color:#fff;padding:10px 17px;border-radius:6px;text-decoration:none;margin:8px 8px 0 0}.btn.alt{background:#0dcaf0;color:#062131}
ul{padding-left:22px}footer{background:#0b1b33;color:#cfe3ff;padding:26px 22px;font-size:.92rem}footer a{color:#7dd3fc}
table{max-width:100%;border-collapse:collapse}td,th{border:1px solid #cfe0f5;padding:7px 9px;text-align:left}