@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800&display=swap');
:root{--bg:#0b1a2a;--panel:#0f2235;--text:#e6eaef;--muted:#b6c3d1;--gold:#caa24a;--light:#A9D6E5;}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
a{color:var(--text);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}
/* Header / Nav */
header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#000000cc,#00000000)}
nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #ffffff10;gap:.75rem;flex-wrap:wrap}
.brand{font-weight:800;letter-spacing:.2em;flex:1 0 auto}
.brand a{color:var(--text)}
.menu{display:flex;gap:.9rem;flex:2 1 480px;justify-content:center}
.menu a{opacity:.9}
.menu a:hover{opacity:1}
.menu a.active{font-weight:700;opacity:1}
.lang{display:flex;gap:.5rem;flex:1 0 auto;justify-content:flex-end}
.lang a{color:var(--muted)}
.lang .active-lang{font-weight:700;color:var(--text)}
@media (max-width:720px){
  .menu{flex:1 0 100%;justify-content:flex-start;gap:1.1rem}
  .lang{flex:1 0 100%;justify-content:flex-start}
}
/* Hero */
.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:52vh;background:
radial-gradient(1200px 600px at 100% -20%, #caa24a18, transparent 60%),
radial-gradient(1200px 600px at 0% 120%, #caa24a18, transparent 60%);overflow:hidden}
.hero .panel{background:#00000070;padding:2rem;border-radius:16px;border:1px solid #ffffff22}
h1{font-size:2.4rem;margin:.25rem 0 1rem}
h2{font-size:1.6rem;color:var(--muted)}
.vision{color:var(--gold);margin:.2rem 0 .6rem;font-weight:800}
.button{display:inline-block;background:var(--gold);color:#111;padding:.75rem 1.1rem;border-radius:10px;font-weight:700}
.section{padding:3rem 0}
/* Cards */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{background:var(--panel);border:1px solid #ffffff12;border-radius:14px;overflow:hidden}
.card img{width:100%;height:180px;object-fit:cover;background:#243647}
.card .body{padding:1rem}
/* Footer */
footer{margin-top:2rem;border-top:1px solid #ffffff12}
footer .inner{padding:1rem 0;color:var(--muted);font-size:.95rem}
/* Forms */
form input,form textarea{width:100%;padding:.7rem;border-radius:10px;border:1px solid #ffffff22;background:#091523;color:var(--text);margin-bottom:.75rem}
form button{background:var(--gold);color:#111;padding:.7rem 1rem;border:none;border-radius:10px;font-weight:700;cursor:pointer}
/* About readability + spacing */
.prose{max-width:760px;margin:0 auto;line-height:1.75}
.prose h1{font-size:2.2rem;margin:0 0 1rem}
.prose .lead{margin:1rem 0 1.2rem; color:#ffffff}
.blocks{display:grid;gap:1.2rem}
.block{background:var(--panel);border:1px solid #ffffff12;border-radius:14px;padding:1rem}
.block h2{display:flex;align-items:center;gap:.5rem; color:#ffffff}
.block p{color:var(--light);text-align:justify}
/* Icons */
.icon{width:22px;height:22px;vertical-align:-3px;display:inline-block}
.icon svg{width:22px;height:22px;stroke:var(--gold);fill:none;stroke-width:1.6}
/* HR + FAQ */
.hr{height:1px;background:#ffffff1a;margin:1.5rem 0}
.faq-wrap{background:var(--light);border-radius:16px;padding:1rem}
.faq-wrap h2{color:#0f2235;margin:0 0 .5rem}
details{background:rgba(255,255,255,.6);border-radius:12px;padding:.6rem 1rem;margin:.4rem 0}
summary{cursor:pointer;font-weight:700;color:#0f2235}
/* Responsive cards */
@media (max-width:900px){.card-grid{grid-template-columns:1fr}}