@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Inter:wght@400;500;600;700;800&display=swap');

:root{--blue:#005ea8;--blue2:#0b78c8;--dark:#17324d;--teal:#00a5a8;--light:#f4f7f9;--line:#d8e2e8;--text:#22313f;--white:#fff;--accent:#e8f5fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--light);line-height:1.55}a{color:inherit}.topbar{background:var(--dark);color:white;font-size:.9rem}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding:8px 20px}.site-header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{max-width:1180px;margin:auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-family:Caveat,cursive;font-size:2.35rem;font-weight:700;color:var(--blue);text-decoration:none;white-space:nowrap}.nav-toggle{display:none;border:0;background:var(--blue);color:white;border-radius:8px;padding:10px 12px;font-size:1rem}.nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nav a,.dropbtn{padding:10px 12px;text-decoration:none;border-radius:8px;font-weight:600;font-size:.95rem;background:transparent;border:0;color:var(--dark);cursor:pointer}.nav a:hover,.nav a.active,.dropbtn:hover{background:var(--accent);color:var(--blue)}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:220px;border:1px solid var(--line);box-shadow:0 12px 30px rgba(20,50,80,.14);border-radius:10px;padding:7px}.dropdown-content a{display:block}.dropdown:hover .dropdown-content,.dropdown:focus-within .dropdown-content{display:block}
.hero{background:linear-gradient(115deg,#eaf6fb 0%,#fff 50%,#eef8f8 100%);border-bottom:1px solid var(--line)}.hero-inner{max-width:1180px;margin:auto;padding:52px 20px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:45px}.eyebrow{color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;margin:.35rem 0 1rem;color:var(--dark)}.hero h1 span{color:var(--blue)}.lead{font-size:1.15rem;max-width:760px}.hero-card{background:white;border-radius:18px;padding:18px;box-shadow:0 15px 40px rgba(0,70,110,.13);border:1px solid #e0ebf0}.hero-card img{display:block;width:100%;max-height:390px;object-fit:contain;border-radius:12px;background:#f8fbfc}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;text-decoration:none;border-radius:9px;padding:12px 18px;font-weight:700}.btn-primary{background:var(--blue);color:white}.btn-primary:hover{background:#004b87}.btn-secondary{background:white;color:var(--blue);border:1px solid #a8cadf}.section{max-width:1180px;margin:auto;padding:44px 20px}.section h2{font-size:2rem;color:var(--dark);margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 5px 18px rgba(23,50,77,.05)}.card h3{margin-top:0;color:var(--blue)}.card p{margin-bottom:16px}.card a{font-weight:700;color:var(--blue);text-decoration:none}.status{background:var(--dark);color:#d7f3ff;border-radius:14px;padding:20px;font-family:Consolas,monospace}.status b{color:#72e1d1}.page-hero{background:#eaf5fa;border-bottom:1px solid var(--line)}.page-hero .section{padding-top:36px;padding-bottom:36px}.page-hero h1{margin:0;color:var(--dark);font-size:2.6rem}.placeholder{border-left:5px solid var(--teal);padding-left:18px}.footer{margin-top:40px;background:var(--dark);color:#dce8ef}.footer .section{padding-top:28px;padding-bottom:28px;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer a{color:white}.small{font-size:.9rem;color:#5f7282}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.nav-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:74px;background:white;padding:12px 20px;border-bottom:1px solid var(--line);box-shadow:0 8px 20px rgba(0,0,0,.08)}.nav.open{display:block}.nav a,.dropbtn{display:block;width:100%;text-align:left}.dropdown-content{display:block;position:static;box-shadow:none;border:0;padding-left:16px}.site-header{position:relative}}
@media(max-width:600px){.grid{grid-template-columns:1fr}.topbar .wrap{display:block}.hero-inner{padding-top:35px}.brand{font-size:1.95rem}.page-hero h1{font-size:2rem}}