/* Minimal, modern, accessible styles */
:root{
  --bg:#0b1117;
  --panel:#0f1722;
  --text:#e6e9ee;
  --muted:#aeb7c2;
  --brand:#0f7b4e;
  --brand-2:#caa64a;
  --outline: 2px solid rgba(202,166,74,.5);
  --radius:14px;
  --shadow: 0 10px 30px rgba(0,0,0,.25);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color:var(--text);
  background: radial-gradient(1200px 600px at 20% -10%, rgba(15,123,78,.15), transparent 40%),
              radial-gradient(1000px 500px at 120% 20%, rgba(202,166,74,.1), transparent 40%),
              var(--bg);
  line-height:1.6;
}
a{color:var(--text); text-decoration:none}
a:hover{text-decoration:underline}
.site-header{
  position:sticky; top:0; z-index:10;
  backdrop-filter:saturate(140%) blur(8px);
  background:linear-gradient(180deg, rgba(11,17,23,.9), rgba(11,17,23,.6));
  border-bottom:1px solid rgba(255,255,255,.06);
  display:flex; align-items:center; justify-content:space-between;
  padding:.8rem 1rem;
}
.brand{display:flex; align-items:center; gap:.6rem}
.nav{display:flex; gap:1rem}
.nav a{padding:.4rem .6rem; border-radius:10px}
.nav a:hover{background:rgba(255,255,255,.06)}
.lang{display:flex; gap:.4rem}
.lang-btn{
  background:none; color:var(--muted); border:1px solid rgba(255,255,255,.12);
  padding:.35rem .5rem; border-radius:10px; cursor:pointer
}
.lang-btn.active, .lang-btn:hover{color:var(--text); border-color:var(--brand)}
.hero{
  padding: 6rem 1rem 3rem;
  display:grid; place-items:center; text-align:center;
}
.hero-inner{max-width:1000px}
h1{font-size: clamp(1.8rem, 3.6vw + .5rem, 3rem); line-height:1.15; margin:.2rem 0 .6rem}
.lead{color:var(--muted); font-size:1.1rem; max-width:760px; margin:0 auto 1.2rem}
.cta{display:flex; gap:.8rem; justify-content:center; flex-wrap:wrap; margin:1rem 0 1.2rem}
.btn{
  display:inline-block; padding:.85rem 1.1rem; border-radius:12px; font-weight:600; letter-spacing:.2px; border:1px solid rgba(255,255,255,.12)
}
.btn.primary{background:linear-gradient(135deg, var(--brand), var(--brand-2)); color:#0b1117; border:none}
.btn.ghost{background:rgba(255,255,255,.06)}
.trust{list-style:none; padding:0; margin:1rem 0 0; color:var(--muted); display:flex; gap:1.2rem; justify-content:center; flex-wrap:wrap}
.section{padding:3rem 1rem}
.section.alt{background:linear-gradient(180deg, rgba(255,255,255,.03), transparent)}
h2{font-size: clamp(1.3rem, 2.3vw + .5rem, 2rem); margin:0 0 1rem}
.cards{display:grid; gap:1rem; grid-template-columns:repeat(auto-fit, minmax(240px,1fr))}
.card{
  background:var(--panel); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius);
  padding:1rem; box-shadow: var(--shadow)
}
.steps{display:grid; gap:1rem; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); counter-reset:s}
.steps li{list-style:none; background:var(--panel); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); padding:1rem; box-shadow:var(--shadow)}
.steps h4{margin:.2rem 0 .2rem}
.about-grid{display:grid; gap:1.2rem; grid-template-columns: 2fr 1fr; align-items:start}
.badge{
  background:linear-gradient(135deg, rgba(15,123,78,.2), rgba(202,166,74,.15));
  border:1px solid rgba(202,166,74,.35); border-radius:var(--radius); padding:1rem
}
.contact-grid{display:grid; gap:1rem; grid-template-columns: 1.2fr 1fr}
.contact-form{
  background:var(--panel); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); padding:1rem; box-shadow:var(--shadow)
}
label{display:grid; gap:.35rem; margin:.5rem 0}
input, textarea{
  width:100%; background:#0b131b; color:var(--text);
  border:1px solid rgba(255,255,255,.12); border-radius:10px; padding:.8rem
}
input:focus, textarea:focus{outline:var(--outline)}
.list{margin:.6rem 0; padding-left:1rem}
.micro{font-size:.85rem; color:var(--muted)}
.site-footer{
  border-top:1px solid rgba(255,255,255,.06); padding:1.5rem 1rem; text-align:center; color:var(--muted)
}
.sep{opacity:.5; margin:0 .5rem}
.to-top{
  position:fixed; right:1rem; bottom:1rem; background:rgba(15,123,78,.9); color:#0b1117;
  border:none; border-radius:50%; width:42px; height:42px; display:grid; place-items:center; box-shadow:var(--shadow); text-decoration:none
}

@media (max-width: 880px){
  .about-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
}