:root {
  --bg: #111;
  --bg-soft: #1a1a1a;
  --bg-card: #222;
  --text: #fff;
  --muted: #aaa;
  --primary: #ff2d86;
  --accent: #ffd700;
}
* { box-sizing: border-box; }
body { margin:0; font-family:'Segoe UI',sans-serif; background:var(--bg); color:var(--text); line-height:1.6; }
.site-header { background:var(--bg-soft); text-align:center; padding:80px 20px 40px; }
.site-header img { width:280px; max-width:90%; margin-bottom:20px; }
.site-header h1 { font-size:3em; margin:0; color:var(--primary); }
.site-subtitle { color:var(--text); }
main{ max-width:980px; margin:30px auto; padding:0 20px; }
.section{ padding:60px 20px; max-width:900px; margin:auto; border-bottom:2px dashed var(--primary); }
h2{font-size:2em;margin-top:0}
.pill{display:inline-block;padding:10px 16px;background:var(--primary);color:#fff;border-radius:40px;font-weight:600;text-decoration:none;box-shadow:0 0 10px #ff2d86aa;border:0;cursor:pointer}
.pill i{margin-right:10px;vertical-align:middle}
.pill:hover{transform:scale(1.05)}
.card{background:var(--bg-soft);border:1px solid var(--primary);border-radius:14px;box-shadow:0 0 12px #ff2d86aa;padding:18px}

.kacheln{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));justify-content:center;gap:20px;margin:30px auto 0;max-width:520px}
.kachel{background:var(--bg-card);color:var(--accent);padding:20px;border-radius:12px;text-align:center;box-shadow:0 0 10px #ff2d86aa;font-weight:700}

blockquote{background:var(--bg-soft);border-left:5px solid var(--primary);margin:20px auto;padding:20px;max-width:600px;font-style:italic}
blockquote span{display:block;margin-top:10px;color:var(--muted);font-style:normal;font-size:.9em}

.site-footer { background:var(--bg-card); text-align:center; padding:40px 20px; font-size:.9em; margin-top:40px; }
a { color: var(--primary); text-decoration:none; }
.small{opacity:.8;font-size:.9em}
@media (max-width:600px){ .site-header h1{font-size:2em} .kacheln{grid-template-columns:1fr;max-width:none} }