:root { --bg:#06140f; --card:#0c251d; --gold:#f2c15b; --ink:#edf1eb; --muted:#a9b2ab; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px Arial,sans-serif; }
header { max-width:none; margin:0; padding:0; background:linear-gradient(90deg,#06140f,#0b2a22); }
header nav { max-width:1120px; min-height:82px; margin:auto; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; }
nav a { margin-left:18px; color:inherit; text-decoration:none; }
section, footer { max-width:1120px; margin:auto; padding:28px 24px; }
footer { color:var(--muted); }
.hero { padding-top:56px !important; padding-bottom:64px !important; }
.hero h1 { font-size:clamp(2.45rem,5.2vw,4.6rem) !important; line-height:1.02 !important; max-width:780px !important; margin:.25em 0; }
.eyebrow, strong, small { color:var(--gold); }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:28px; }
article, form { background:var(--card); border:1px solid #ffffff22; border-radius:16px; padding:23px; }
article h3 { font-size:21px; }
article p, small { line-height:1.5; }
.dark { background:#0a2019; max-width:none; padding-left:max(24px,calc((100vw - 1120px)/2)); padding-right:max(24px,calc((100vw - 1120px)/2)); }
.button, button { display:inline-block; background:var(--gold); color:#12201a; border:0; border-radius:999px; padding:15px 22px; font-weight:bold; text-decoration:none; cursor:pointer; }
form { display:grid; gap:14px; max-width:650px; }
label { display:grid; gap:7px; font-weight:bold; }
input, textarea { width:100%; padding:12px; border-radius:8px; border:1px solid #ffffff33; background:#04100c; color:var(--ink); font:inherit; }
textarea { min-height:90px; }
#kontakt form { max-width:620px; }
.messenger { display:inline-block; margin:18px 24px; color:var(--gold); }
.setup { max-width:600px; margin:auto; padding:80px 24px; }
.admin { max-width:1200px; margin:auto; padding:28px 24px; }
.admin-grid { grid-template-columns:repeat(3,1fr); }
.admin form { max-width:none; }
.row { display:flex; justify-content:space-between; align-items:start; margin:12px 0; }
.row form { display:block; padding:0; border:0; background:none; }
.danger { background:#7f2f29; color:white; padding:10px 15px; }
.row pre { white-space:pre-wrap; color:var(--muted); }
@media (max-width:720px) {
  header nav { min-height:68px; padding:10px 18px; }
  nav div { display:none; }
  .brand-logo img { width:145px !important; height:46px !important; }
  .hero { padding-top:38px !important; padding-bottom:44px !important; }
  .hero h1 { font-size:clamp(2.35rem,11vw,3.15rem) !important; line-height:1.04 !important; }
  .grid, .admin-grid { grid-template-columns:1fr; }
  section, footer { padding-left:18px; padding-right:18px; }
}