:root{--brand:#0a6fae;--brand2:#0e9f6e}body{font-family:Arial,sans-serif;margin:0;background:#f7fafc;color:#1a202c}footer,header{background:var(--brand);color:#fff;padding:1rem;text-align:center}header .logo{display:flex;align-items:center;justify-content:center;gap:.6rem}header img.logo-mark{height:32px;width:32px}main{max-width:960px;margin:0 auto;padding:1rem}h1,h2,h3{color:var(--brand)}button{background:var(--brand);color:#fff;border:0;padding:.6rem 1rem;border-radius:8px;cursor:pointer}button:hover{background:#0a5f93}input,select{padding:.5rem;max-width:360px;width:100%;margin:.4rem 0}.nav{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.nav a{color:#e6f4ff;text-decoration:none}.nav a:hover{text-decoration:underline}.small{opacity:.8;font-size:.9rem}footer a{color:#e6f4ff}.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem;margin:1rem 0}.blog-list a{display:block;padding:.6rem 0;color:var(--brand);text-decoration:none}.blog-list a:hover{text-decoration:underline}