:root{
  --bg:#0b0f1a;           /* háttér */
  --fg:#e7ecf7;           /* szöveg */
  --muted:#9fb0d1;        /* másodlagos szöveg */
  --brand:#2dd4bf;        /* türkiz a logóból */
  --brand-dark:#0f172a;   /* sötétkék a logóból */
  --card:#131a29;
  --max:1100px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6}

.container{max-width:var(--max);margin:0 auto;padding:24px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative}
.brand img{display:block}
.menu{display:flex;gap:18px;list-style:none}
.menu a{color:var(--muted);text-decoration:none}
.menu a:hover{color:var(--fg)}
.burger{display:none;cursor:pointer;font-size:24px;user-select:none}
#nav-toggle{display:none}

@media (max-width:760px){
  .menu{display:none;flex-direction:column;background:var(--card);padding:12px;border-radius:12px;position:absolute;right:16px;top:64px;border:1px solid #1e2740}
  #nav-toggle:checked + .burger + .menu{display:flex}
  .burger{display:block}
}

.hero{padding:80px 0 40px}
.hero h1{font-size:48px;line-height:1.1;margin-bottom:12px}
@media (max-width:760px){.hero h1{font-size:36px}}
.accent{color:var(--brand)}
.btn{display:inline-block;background:var(--brand);color:#0b0f1a;text-decoration:none;padding:12px 18px;border-radius:12px;font-weight:700;margin-top:10px}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
@media (max-width:900px){.grid{grid-template-columns:1fr}}
.card{background:var(--card);padding:20px;border-radius:16px;border:1px solid #1e2740}

.band{background:#0f1628;border-block:1px solid #1e2740;padding:40px 0;margin:40px 0}
.form{display:grid;gap:10px;max-width:560px;margin-top:10px}
.form input,.form textarea{background:#0f1628;color:var(--fg);border:1px solid #1e2740;border-radius:10px;padding:12px}
.foot{opacity:.75;padding-top:20px;padding-bottom:40px}