:root{--a:#0f2745;--b:#59d16f}*{box-sizing:border-box}body{margin:0;font:16px/1.6 Arial,sans-serif;background:#f5f8fc;color:#17304f}.wrap{width:min(1100px,92%);margin:0 auto}.header{background:linear-gradient(135deg,#0b1320,#16304f);color:#fff;padding:16px 0}.nav{display:flex;justify-content:space-between;align-items:center;gap:16px}.nav ul{display:flex;gap:14px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.nav a{color:#fff;text-decoration:none}.hero{padding:48px 0;background:#edf5ff}.hero-grid,.grid-2,.grid-3{display:grid;gap:20px}.hero-grid{grid-template-columns:1.2fr .9fr;align-items:center}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid #dbe5f2;border-radius:16px;padding:20px}.btn{display:inline-block;padding:12px 18px;border-radius:10px;font-weight:700;text-decoration:none}.btn-p{background:var(--b);color:#07210d}.btn-s{background:var(--a);color:#fff}.section{padding:40px 0}.band{background:#0f2745;color:#fff}.footer{background:#09121d;color:#d4deea;padding:28px 0;margin-top:36px}.footer a{color:#d4deea}.notice{background:#effaf1;border-left:4px solid var(--b);padding:14px;border-radius:10px}@media(max-width:900px){.hero-grid,.grid-2,.grid-3{grid-template-columns:1fr}}