:root{
  --brand:#f97316;
  --brand-dark:#d65f0e;
  --bg:#ffffff;
  --text:#0f172a;
  --muted:#475569;
  --border:#e2e8f0;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
header,footer{border-color:var(--border)}
header{border-bottom:1px solid var(--border)}
footer{border-top:1px solid var(--border)}
a{color:inherit;text-decoration:none}
nav a:hover{color:var(--brand)}
.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:16px;padding:12px 18px;font-weight:600}
.btn-primary{background:var(--brand);color:#fff}
.btn-primary:hover{background:var(--brand-dark)}
.btn-ghost{color:var(--brand);background:#fff3e9}
.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:1fr}
@media(min-width:900px){.grid-2{grid-template-columns:1fr 1fr}}
.card{border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.03);padding:24px;background:#fff}
.badge{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}
.badge-green{background:#d1fae5;color:#065f46}
.badge-amber{background:#fde68a;color:#92400e}
.badge-sky{background:#bae6fd;color:#075985}
h1{font-size:40px;line-height:1.1;margin:.2em 0 .4em;font-weight:800}
h2{font-size:28px;margin:0 0 .6em}
h3{font-size:18px;margin:.2em 0 .4em}
p{color:var(--muted);line-height:1.7}
ul{padding-left:1.2em}
.footer-col h4{margin:.2em 0 .6em}
.footer-bottom{border-top:1px solid var(--border);padding:16px 0;text-align:center;color:#64748b;font-size:12px}
.hero{padding:64px 0}
.section{padding:64px 0}
.table{width:100%;border-collapse:collapse}
.table td,.table th{border:1px solid var(--border);padding:10px;text-align:left}
.cookie-banner{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;width:min(680px,94%);background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);display:none}
.cookie-banner.show{display:block}
.small{font-size:13px;color:#64748b}
header .brand{display:flex;align-items:center;gap:8px}
.brand-dot{width:32px;height:32px;border-radius:50%;background:var(--brand)}
nav{display:none;gap:24px}
@media(min-width:900px){nav{display:flex}}
header .actions{display:flex;gap:12px}
.prose h1,.prose h2,.prose h3{color:var(--text)}
.prose p,.prose li{color:var(--muted)}
.form input,.form textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:12px}
.form label{font-size:14px;font-weight:600;display:block;margin-bottom:6px}
.form .hint{font-size:12px;color:#64748b}