:root{
  --bg:#f6f8fb; --surface:#ffffff; --text:#0b1220; --muted:#50627a;
  --brand:#0b4d92; --brand-2:#22c1f7; --border:rgba(7,21,41,.12);
  --radius:16px; --shadow:0 10px 30px rgba(7,21,41,.08);
  --container:1080px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.container{max-width:var(--container);margin:auto;padding:clamp(12px,2vw,24px)}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}
header .nav{display:flex;gap:18px;align-items:center;justify-content:space-between}
.brand{display:flex;gap:10px;align-items:center}
.brand img{width:32px;height:32px;filter: drop-shadow(0 2px 8px rgba(11,77,146,.25))}
.brand strong{font-weight:800}
.kit a{margin:0 6px;font-weight:600;color:#0b1220;position:relative}
.lang button{margin-left:6px;padding:8px 12px;border:1px solid var(--border);background:transparent;border-radius:12px;cursor:pointer;color:#0b1220}
.lang button[aria-current="true"]{background:linear-gradient(180deg,#22c1f7,#0ea5e9);border-color:transparent;color:#001625}
.main{padding:24px 0}
.nav{position:sticky;top:0;z-index:50;padding:10px 0;background:rgba(255,255,255,.75);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.kit a:hover::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#0ea5e9}
.hero{display:grid;gap:24px;grid-template-columns:1.25fr .75fr;align-items:center;margin-bottom:16px}
.h1{font-size:clamp(28px,3vw,44px);margin:0 0 8px;font-weight:800}
.lead{color:#2c4a66;font-size:clamp(16px,1.6vw,18px);margin:0 0 12px}
.hero__cta{display:flex;gap:12px;margin-top:4px}
.hero__media{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--border);box-shadow:0 6px 18px rgba(7,21,41,.08)}
@media(max-width:860px){.hero{grid-template-columns:1fr}}
.cards{display:grid;gap:18px;grid-template-columns:1fr;margin-top:24px}
@media(min-width:860px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{transition:transform .2s ease, box-shadow .2s ease}
.card:hover{transform:translateY(-2px)}
.thumb{border-radius:12px;overflow:hidden;border:1px solid var(--border)}
details{border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff;margin:10px 0}
details[open]{box-shadow:0 10px 30px rgba(7,21,41,.08)}
summary{cursor:pointer;font-weight:600}
.cookiebar{position:fixed;left:12px;right:12px;bottom:12px;background:rgba(255,255,255,.9);border:1px solid var(--border);border-radius:16px;padding:12px;display:none;z-index:1000;backdrop-filter: blur(8px)}
article.prose{max-width:800px;margin:auto}
.prose p{margin:10px 0}
.prose h2{margin-top:18px}
:focus-visible{outline:3px solid rgba(14,165,233,.9);outline-offset:2px;border-radius:10px}
.table{width:100%;border-collapse:separate;border-spacing:0 10px}
.table thead th{font-size:14px;color:#35506b;text-align:left;padding:8px}
.table tbody td{background:#fff;border:1px solid var(--border);padding:10px}
.table tbody tr td:first-child{border-radius:12px 0 0 12px}
.table tbody tr td:last-child{border-radius:0 12px 12px 0}
.badge{display:inline-block;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:rgba(14,165,233,.10);color:#0b4d92;font-size:12px;margin:0 6px 6px 0}
.badge-link{text-decoration:none;cursor:pointer;transition:background .18s ease, color .18s ease, border-color .18s ease}
.badge-link:hover{background:rgba(14,165,233,.18);border-color:rgba(14,165,233,.45);color:#0b4d92}
.btn{padding:10px 14px;border-radius:12px;border:1px solid #0b4d92;background:linear-gradient(180deg,#1a73c7,#0b4d92);color:#fff;cursor:pointer;box-shadow:var(--shadow);transition:transform .2s ease, box-shadow .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn.secondary{background:transparent;border-color:var(--border);color:#0b4d92;box-shadow:none}
form.form{display:grid;gap:12px}
.form label{font-weight:600;color:#0b1220}
.input, .textarea, .select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);box-shadow:inset 0 1px 0 rgba(7,21,41,.03)}
.textarea{min-height:140px;resize:vertical}
.input:focus, .textarea:focus, .select:focus{outline:3px solid rgba(14,165,233,.35);outline-offset:2px}
.form .consent{display:flex;gap:8px;align-items:flex-start}
.form .consent input{margin-top:4px}
.form .row{display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media(max-width:680px){.form .row{grid-template-columns:1fr}}
.footer-inner{gap:10px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:16px;display:flex;align-items:center;justify-content:space-between}
.help{color:#4f6b86}