:root{ --brand:#006d77; --accent:#ffb703; --dark:#073b4c; --text:#263238; --muted:#6b7b86; --bg:#f5f7fa; }
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{ font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif; background:var(--bg); color:var(--text); }
a{ color:var(--brand); text-decoration:none } a:hover{text-decoration:underline}
.container{max-width:1080px;margin:0 auto;padding:1.25rem}
.btn{display:inline-block;background:var(--brand);color:#fff;padding:.8rem 1.1rem;border-radius:.6rem;font-weight:600}
.btn.alt{background:var(--accent);color:#000}
header{background:transparent;position:fixed;top:0;left:0;width:100% z-index:1000;transaction: background 0.3s ease,box-shadow:0 2px 10px rgba(0,0,0,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:.6rem}
.logo img{height:110px;max-height:14vh;width:auto}
nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
nav a{padding:.6rem .7rem;border-radius:.5rem}
nav a.active, nav a:hover{background:rgba(0,106,119,.08)}
.burger{display:none;background:none;border:none;font-size:1.6rem}
@media (max-width:820px){
  .burger{display:block}
  nav ul{display:none;flex-direction:column;gap:.25rem;background:#fff;border:1px solid #e7ecf0;border-radius:.75rem;padding:.5rem;position:absolute;right:1rem;top:64px;min-width:220px}
  nav ul.open{display:flex}
  .logo{width:100%;justify-content:center}
  .nav>nav{order:3;width:100%;display:flex;justify-content:center}
}
.hero{background: radial-gradient(1200px 600px at 10% -10%, #cde7ea 0%, transparent 60%), radial-gradient(1200px 800px at 90% -40%, #ffe7b8 0%, transparent 55%);padding: 3rem 0 2.5rem;}
.hero .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center}
@media (max-width:920px){.hero .grid{grid-template-columns:1fr}}
.hero h1{font-size:clamp(2rem,5vw,3rem);color:var(--dark);margin:.25rem 0}
.hero p.lead{font-size:1.125rem;color:var(--muted);max-width:55ch}
.hero-card{background:#fff;border-radius:1rem;box-shadow:0 10px 24px rgba(0,0,0,.06);padding:1.25rem}
.statbar{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.2rem}
.stat{background:#fff;border-radius:.8rem;padding:1rem;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.stat big{display:block;font-size:1.6rem;color:var(--brand);font-weight:800}
.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 10px 24px rgba(0,0,0,.05)}
.card h4{margin:.6rem 0}
@media (max-width:920px){.grid-cards{grid-template-columns:1fr}}
.section{padding:2.2rem 0}
.kicker{letter-spacing:.18em;font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--brand)}
.footer{background:#0b2a33;color:#d2dde3;padding:2rem 0;margin-top:3rem}
.footer a{color:#d2dde3}
.input, textarea{width:100%;padding:.9rem;border:1px solid #dfe7ec;border-radius:.6rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:700px){.form-row{grid-template-columns:1fr}}
.notice{background:#ecfdf5;border:1px solid #99f6e4;color:#065f46;padding:.85rem;border-radius:.6rem}
.badge{display:inline-block;background:#fff;border:1px dashed #9cc;background-clip:padding-box;border-radius:10px;padding:.25rem .55rem;font-size:.8rem;color:#0a5}

/* Floating language button & panel */
.lang-fab{position:fixed;right:16px;bottom:16px;background:var(--brand);color:#fff;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.18);cursor:pointer;z-index:9999;font-size:22px}
.lang-panel{position:fixed;right:16px;bottom:80px;width:min(92vw,360px);max-height:70vh;overflow:auto;background:#fff;border:1px solid #e7ecf0;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.18);padding:.9rem;display:none;z-index:9998}
.lang-panel.open{display:block}
.lang-panel h4{margin:.25rem 0 .5rem;color:var(--dark)}
.lang-panel .small{color:var(--muted);font-size:.9rem}
.lang-panel .links a{display:inline-block;margin:.25rem .4rem .25rem 0}
@media (max-width:480px){ .lang-fab{ right:12px; bottom:12px; } .lang-panel{ right:12px; bottom:72px; } }