:root{--blue:#1e3a8a;--blue-l:#3b82f6;--orange:#f97316;--orange-d:#ea580c;--bg:#f8fafc;--card:#fff;--text:#0f172a;--border:#e2e8f0;--r:12px}
*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui, sans-serif}
body{background:var(--bg);color:var(--text);line-height:1.5}
.container{max-width:1200px;margin:auto;padding:0 20px}
.nav{background:var(--blue);padding:16px 0;position:sticky;top:0;z-index:10}
.nav .container{display:flex;justify-content:space-between;align-items:center}
.logo{font-size:26px;font-weight:800;color:#fff;text-decoration:none}.logo span{color:var(--orange)}
.links a{color:#e2e8f0;text-decoration:none;margin-left:20px;font-weight:500}.links a:hover{color:var(--orange)}
.btn{padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:.2s}
.btn-p{background:var(--orange);color:#fff}.btn-p:hover{background:var(--orange-d)}
.btn-o{background:transparent;border:2px solid #fff;color:#fff}.btn-o:hover{background:#fff;color:var(--blue)}
.card{background:var(--card);border-radius:var(--r);box-shadow:0 4px 12px rgba(0,0,0,.08);padding:20px;margin-bottom:20px}
.form{margin-bottom:14px}.form label{display:block;margin-bottom:6px;font-weight:500}
.form input,.form select{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px}
.grid{display:grid;gap:20px}.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.hero{background:linear-gradient(135deg,var(--blue),var(--blue-l));color:#fff;padding:80px 0;text-align:center}
.hero h1{font-size:2.8rem;margin-bottom:14px}.hero p{font-size:1.2rem;opacity:.9;max-width:700px;margin:0 auto 24px}
.badge{background:var(--orange);color:#fff;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:700}
table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--border)}
@media(max-width:768px){.hero h1{font-size:2rem}.g2{grid-template-columns:1fr}}