/* TUANA ORTAK TASARIM SİSTEMİ — tüm sayfalar bu dosyayı kullanır. Renkleri yalnızca buradan değiştirin. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&family=Allura&display=swap');
:root{
  /* Kulüp renkleri (tişört renkleri) */
  --red:#d62839; --teal:#14b8a6; --blue:#2f6fed; --burgundy:#7a1f35;
  /* Yüzeyler */
  --bg:#141416; --bg2:#1c1c1f; --card:#202024; --field:#2a2a2f; --line:#34343a;
  --text:#f5f5f4; --muted:#a1a1aa; --accent:var(--red); --accent2:var(--teal);
  --ok:#16a34a; --warn:#d97706; --bad:#dc2626;
  --radius:16px; --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --script:'Allura','Pinyon Script','Brush Script MT',cursive; --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --safe-b:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.45}
h1,h2,h3{font-family:var(--serif);font-weight:700;letter-spacing:.2px;margin:0}
a{color:inherit}
.hide{display:none!important}
.muted{color:var(--muted);font-size:13px}

/* Düğmeler ve alanlar (mobilde dokunması kolay: en az 44px) */
.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:0;border-radius:12px;background:var(--accent);color:#fff;font:600 15px var(--sans);cursor:pointer;text-decoration:none;transition:transform .08s,filter .15s}
.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.98)}
.btn.block{width:100%}.btn.teal{background:var(--teal);color:#042f2e}.btn.ghost{background:var(--field);color:var(--text)}
.btn.line{background:transparent;border:1px solid var(--line);color:var(--text)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.input,input.input,select.input{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--text);font:400 16px var(--sans);outline:none}
.input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,184,166,.2)}
.input::placeholder{color:#71717a}
.field{display:block;margin-top:12px}.field span{display:block;font-size:12px;color:var(--muted);margin:0 0 5px 2px}

/* Üst çubuk */
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:10px 16px;background:rgba(20,20,22,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topbar .logo{height:34px;width:auto;display:block}
.topbar .sp{flex:1}
.topbar a.nav,.topbar button.nav{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:500 14px var(--sans);cursor:pointer;text-decoration:none}
.topbar a.nav:hover,.topbar button.nav:hover,.topbar a.nav.on{color:var(--text);background:var(--field)}
.stripe{height:3px;background:linear-gradient(90deg,var(--red) 0 25%,var(--burgundy) 25% 50%,var(--blue) 50% 75%,var(--teal) 75%)}

/* Kartlar */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.toast{position:fixed;left:50%;top:70px;transform:translateX(-50%);background:#0b0b0c;color:#fff;border:1px solid var(--line);padding:12px 18px;border-radius:12px;display:none;z-index:99;max-width:92%;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600;color:#fff;background:var(--muted)}
.wrap{max-width:1100px;margin:0 auto;padding:16px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}