/* Minimal siyah-beyaz tema (önceki hali) */
:root{
  --bg:#fff;
  --surface:#fff;
  --accent:#111;
  --muted:#888;
  --brand:#111;
  --brand2:#222;
  --gold:#111;
}
body{
  font-family:'Inter',system-ui,Segoe UI,Roboto,Helvetica,Arial;
  line-height:1.45;
  margin:0;
  background:
    url('asd1.jpg') center/cover no-repeat fixed;
  color:var(--accent);
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.container{max-width:900px;margin:2rem auto;padding:2rem;background:rgba(255,255,255,0.70);border-radius:18px;box-shadow:0 2px 16px #0002;text-align:center;}
.topbar{background:rgba(255,255,255,0.85);box-shadow:0 2px 8px #0001;position:sticky;top:0;z-index:40;border-bottom:2px solid #eee;}
.topbar .container{display:flex;align-items:center;gap:1rem;justify-content:center;}
.brand{font-weight:900;font-size:1.25rem;color:#111;letter-spacing:1px;}
.menu-toggle{display:none;margin-left:auto;background:none;border:0;font-size:1.5rem;color:#111}
.main-nav{margin-left:auto;display:flex;gap:1rem;justify-content:center;}
.main-nav a{color:#111;text-decoration:none;padding:.5rem 1rem;border-radius:8px;font-weight:500;background:rgba(246,246,246,0.85);box-shadow:0 2px 8px #0001;transition:.2s;}
.main-nav a:hover{background:#111;color:#fff;}
.hero{padding:3rem 1rem;background:rgba(255,255,255,0.75);border-radius:18px;margin-top:1rem;box-shadow:0 2px 8px #0001;border:2px solid #eee;text-align:center;}
.hero h1{margin-top:0;font-size:1.25rem;color:#111;}
.hero p{font-size:1.15rem;color:#222;}
section.container{margin:1.2rem 0;padding:2rem;border-radius:12px;background:rgba(255,255,255,0.70);box-shadow:0 2px 8px #0001;border-left:6px solid #eee;text-align:center;}
section.container h2{color:#222;font-size:1.3rem;margin-top:0;}
.bottombar{margin-top:2rem;padding:1rem 0;background:rgba(255,255,255,0.85);border-top:2px solid #eee;box-shadow:0 -2px 8px #0001;}
.bottombar .container{text-align:center;}
.bottombar small{color:#111;font-weight:600;letter-spacing:1px;}
ul,li{margin:0;padding:0;list-style:none;}
ul{display:inline-block;text-align:left;margin:0 auto;}
@media (max-width:720px){.menu-toggle{display:block}.main-nav{position:absolute;right:1rem;top:64px;background:rgba(255,255,255,0.95);flex-direction:column;padding:.5rem;border-radius:8px;box-shadow:0 6px 20px #0002;display:none}.main-nav.show{display:flex}}