:root{--primary:#0b1e5b;--primary-700:#0a1a4f;--bg:#f7f7fa;--text:#111;--muted:#5a6472;--card:#fff;--border:#e5e7eb;--accent:#d6d7d9}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}.container{max-width:1120px;margin:0 auto;padding:0 16px}.btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:10px;padding:12px 18px;cursor:pointer;font-weight:600}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-700)}.btn-light{background:#fff;color:var(--primary);border:1px solid hsla(0,0%,100%,.2)}.pill{display:inline-block;padding:8px 12px;border-radius:999px;background:#fff;color:#1f2a44;font-weight:600;font-size:14px}.card,.pill{border:1px solid var(--border)}.card{background:var(--card);border-radius:16px;padding:16px}.hero{background:var(--primary);color:#fff;padding:24px 0}.hero h1{font-size:42px;line-height:1.1;margin:0 0 16px}.hero p{color:#d9e1f2;margin:0 0 20px}.section{padding:36px 0}.grid{display:grid;grid-gap:16px;gap:16px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.footer{background:var(--accent);padding:24px 0;color:#333}.input,.textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);outline:none;font-size:16px;background:#fff}.textarea{min-height:100px;resize:vertical}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:#fff;border-radius:16px;padding:20px;width:100%;max-width:520px;border:1px solid var(--border)}.small{font-size:12px;color:var(--muted)}.row{display:flex;gap:12px;flex-wrap:wrap}