:root{--primary:#1a365d;--accent:#c53030;--bg:#fafaf9;--text:#1a1a1a;--muted:#6b7280;--border:#e5e7eb}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.7}
.container{max-width:1140px;margin:0 auto;padding:0 2rem}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
header{background:#fff;border-bottom:3px solid var(--primary);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.header-inner{display:flex;justify-content:space-between;align-items:center}
.logo{font-size:1.4rem;font-weight:700;color:var(--primary)}
nav a{margin-left:1.5rem;color:var(--text);font-size:.95rem}
nav a:hover{color:var(--primary)}
.hero{background:linear-gradient(135deg,var(--primary) 0%,#2a4a7f 100%);color:#fff;padding:4rem 0}
.hero h1{font-size:2.2rem;margin-bottom:1rem}
.hero p{font-size:1.1rem;opacity:.9;max-width:600px}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:.75rem 1.5rem;border-radius:4px;margin-top:1.5rem;font-weight:600}
.btn:hover{background:#9b2424;text-decoration:none}
.btn-outline{background:transparent;border:2px solid #fff;color:#fff;margin-left:1rem}
.btn-outline:hover{background:#fff;color:var(--primary)}
section{padding:3.5rem 0}
section:nth-child(even){background:#fff}
h2{font-size:1.8rem;color:var(--primary);margin-bottom:1.5rem}
h3{font-size:1.2rem;color:var(--primary);margin-bottom:.5rem}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}
.card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.card .icon{font-size:2rem;margin-bottom:.75rem}
.tag{display:inline-block;background:#e8f0fe;color:var(--primary);padding:.2rem .7rem;border-radius:3px;font-size:.8rem;margin-bottom:.5rem}
footer{background:var(--primary);color:#fff;padding:2rem 0;margin-top:4rem}
.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
footer a{color:rgba(255,255,255,.7)}
footer a:hover{color:#fff}
.breadcrumb{font-size:.9rem;color:var(--muted);margin-bottom:1.5rem}
.breadcrumb a{color:var(--muted)}
form input,form textarea,form select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:.95rem;margin-top:.3rem;margin-bottom:1rem}
form textarea{height:120px;resize:vertical}
form button{background:var(--primary);color:#fff;padding:.75rem 2rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600}
form button:hover{background:#142a4a}
.alert{background:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:1rem;border-radius:4px;margin-bottom:1rem;display:none}
@media(max-width:768px){.grid-3,.grid-2{grid-template-columns:1fr}.hero h1{font-size:1.6rem}nav{display:none}}