
:root { --bg:#ffffff; --card:#ffffff; --text:#1a1a1a; --muted:#5f6b7a; --accent:#D4AF37; --navy:#1B2452; --border:#e5e7eb; }
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial}
a{color:var(--navy);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1080px,92%);margin:0 auto}
.site-header{position:sticky;top:0;background:#ffffffd9;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0;gap:1rem}
.brand{font-weight:800;letter-spacing:.5px;color:var(--navy)}
.nav a{margin:0 .6rem;color:var(--navy);font-weight:600}
.nav .btn{background:var(--accent);color:#222;padding:.5rem .9rem;border-radius:.5rem;font-weight:700;border:1px solid #c49b1a}
.lang a{margin-left:.5rem;padding:.2rem .5rem;border-radius:.4rem;color:var(--navy);border:1px solid transparent}
.lang .active{background:#f3f4f6;border-color:var(--border)}
.hero{padding:5rem 0 3rem;text-align:center;background:linear-gradient(135deg,rgba(27,36,82,.06),rgba(212,175,55,.10));border-bottom:1px solid var(--border)}
.hero h1{font-size:clamp(1.8rem,3vw,3rem);margin:.2rem 0 .6rem;color:var(--navy)}
.hero p{color:var(--muted);margin:0 auto 1rem;max-width:60ch}
.section{padding:3rem 0}
.card{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1.2rem;box-shadow:0 6px 24px rgba(0,0,0,.04)}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(12,1fr)}
.grid-3>*{grid-column:span 4}.grid-2>*{grid-column:span 6}
@media(max-width:800px){.grid-3>*,.grid-2>*{grid-column:1/-1}}
.footer-grid{display:grid;gap:2rem;grid-template-columns:repeat(12,1fr);padding:2rem 0}
.footer-grid>*{grid-column:span 4}
.site-footer{border-top:1px solid var(--border);background:#fafafa}
.social{display:flex;gap:.8rem;list-style:none;padding:0}
.links{list-style:none;margin:0;padding:0}
.links li{margin:.25rem 0}
.legal{border-top:1px solid var(--border);padding:.8rem;text-align:center;color:var(--muted)}
.muted{color:var(--muted)}
.badge{display:inline-block;padding:.25rem .5rem;border-radius:.5rem;background:#fff;border:1px solid var(--border);color:var(--navy);font-size:.85rem}
.stat{background:#fff;border:1px solid var(--border);border-radius:1rem;padding:1rem;text-align:center}
.contact-form input,.contact-form textarea{width:100%;padding:.8rem 1rem;border-radius:.7rem;border:1px solid var(--border);background:#fff;color:var(--text)}
.contact-form button{margin-top:.5rem;background:var(--accent);color:#222;border:1px solid #c49b1a;padding:.8rem 1.1rem;border-radius:.7rem;font-weight:800}
.legal-notice{
  width:100%;
  border-top:1px solid var(--border);
  padding:1rem 0;
  font-size:.9rem;
  line-height:1.5;
  text-align:center;
  color:var(--muted);
  background:#fafafa;
}

