/* SOLVED fallback/base styles (works with or without Tailwind) */
:root{--bg:#f8fafc;--ink:#0f172a;--brand:#0ea5e9;--muted:#64748b;--card:#ffffff;--border:#e2e8f0;}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
img{max-width:100%;height:auto}
a{color:#0a66c2;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1160px;margin:0 auto;padding:0 16px}
header.sticky{position:sticky;top:0;backdrop-filter:saturate(1.8) blur(8px);background:rgba(255,255,255,0.9);border-bottom:1px solid var(--border);z-index:50}
header nav a{margin-right:16px;color:var(--ink);font-weight:600}
header nav a:hover{color:#0369a1}
h1,h2,h3{line-height:1.2;margin:0.5em 0 0.25em}
h1{font-size:clamp(28px, 3.2vw, 44px);font-weight:800}
h2{font-size:clamp(22px, 2.4vw, 32px);font-weight:800}
h3{font-size:18px;font-weight:700}
.hero{padding:56px 0}
.lead{font-size:18px;color:#334155}
.btn{display:inline-block;background:var(--brand);color:#fff;padding:12px 16px;border-radius:12px;font-weight:700;box-shadow:0 6px 16px rgba(2,132,199,0.25)}
.btn:hover{filter:brightness(0.95);text-decoration:none}
.badge{display:inline-flex;align-items:center;gap:6px;background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;border-radius:999px;padding:4px 10px;font-weight:700;font-size:12px}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,0.03)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.section{padding:48px 0}
footer{border-top:1px solid var(--border);background:#fff;padding:24px 0;margin-top:40px}
.text-muted{color:var(--muted)}
/* Forms */
form{max-width:520px;margin:24px 0}
label{display:block;margin:10px 0 6px;font-weight:600}
input,select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff}
button{cursor:pointer}
.button-row{display:flex;gap:10px;flex-wrap:wrap}
.button-secondary{background:#fff;color:#0f172a;border:1px solid var(--border);border-radius:12px;padding:10px 14px;font-weight:700}
.button-secondary:hover{background:#f8fafc}
/* Simple table */
table{width:100%;border-collapse:collapse;margin:6px 0 16px}
th,td{border:1px solid var(--border);padding:10px;text-align:left}