:root {
    --bg-base: #030303;
    --bg-surface: rgba(255, 255, 255, 0.03);
    --bg-surface-hover: rgba(255, 255, 255, 0.06);
    --text-primary: #ffffff;
    --text-secondary: #a1a1aa;
    --border-subtle: rgba(255, 255, 255, 0.08);
    --border-highlight: rgba(255, 255, 255, 0.15);
    --transition-smooth: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-fast: all 0.3s ease;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body { scroll-behavior: smooth; overflow-x: hidden; width: 100%; max-width: 100vw; }

body {
    background-color: var(--bg-base); color: var(--text-primary);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    line-height: 1.6; -webkit-font-smoothing: antialiased;
}

.ambient-glow {
    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
    background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.03) 0%, transparent 50%),
                radial-gradient(circle at 100% 50%, rgba(255,255,255,0.02) 0%, transparent 40%);
    z-index: -2; pointer-events: none;
}

.noise-overlay {
    position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: 0.03;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}

.container { width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 24px; }

/* Ortalanmış Hero ve Buton Alanı */
.hero { 
    display: flex; flex-direction: column; align-items: center; justify-content: center; 
    text-align: center; padding-top: 100px; padding-bottom: 30px; 
}
.hero h1 { font-family: 'Outfit', sans-serif; font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 900; line-height: 1.1; letter-spacing: -0.04em; margin-bottom: 24px; }
.text-gradient { background: linear-gradient(135deg, #fff 0%, #a1a1aa 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.action-btn { 
    background: var(--bg-surface); border: 1px solid var(--border-subtle); color: #fff; 
    padding: 12px 28px; border-radius: 100px; font-family: 'Outfit', sans-serif; font-size: 14px; 
    font-weight: 700; text-transform: uppercase; cursor: pointer; display: inline-flex; 
    align-items: center; gap: 10px; transition: var(--transition-smooth); text-decoration: none; 
}
.action-btn:hover { background: #fff; color: #000; transform: translateY(-4px); box-shadow: 0 10px 20px rgba(255,255,255,0.1); }
.action-btn i { font-size: 18px; font-style: normal; }

/* Standart İçerik Kartı */
.content-card { 
    background: var(--bg-surface); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); 
    border: 1px solid var(--border-subtle); border-radius: 24px; padding: 48px; margin-bottom: 40px; 
    transition: var(--transition-smooth); 
}
.content-card:hover { border-color: var(--border-highlight); box-shadow: 0 20px 40px -20px rgba(255,255,255,0.05); }

/* Standart Tipografi (Tüm başlıklar beyaz) */
.content-card h2 { font-family: 'Outfit', sans-serif; font-size: 2rem; color: #fff; margin-bottom: 20px; margin-top: 40px; }
.content-card h2:first-child { margin-top: 0; }
.content-card h3 { font-family: 'Outfit', sans-serif; font-size: 1.4rem; color: #fff; margin-bottom: 16px; margin-top: 32px; }
.content-card p { color: var(--text-secondary); font-size: 1.1rem; line-height: 1.8; margin-bottom: 20px; }
.content-card ul { color: var(--text-secondary); font-size: 1.1rem; line-height: 1.8; margin-bottom: 24px; padding-left: 24px; }
.content-card li { margin-bottom: 10px; }
.content-card a { color: #fff; text-decoration: underline; text-underline-offset: 4px; transition: var(--transition-fast); }
.content-card a:hover { color: var(--text-secondary); }

/* Ticker (Kayan Bant) */
.ticker-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 40px; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border-subtle); display: flex; align-items: center; z-index: 100; }
.ticker-badge { padding: 0 20px; height: 100%; display: flex; align-items: center; background: linear-gradient(135deg, #3f3f46, #18181b); font-family: 'Outfit', sans-serif; font-weight: 900; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #fff; z-index: 2; border-right: 1px solid var(--border-subtle); }
.ticker-marquee { flex: 1; overflow: hidden; display: flex; white-space: nowrap; }
.ticker-track { display: flex; animation: tickerFlow 50s linear infinite; }
.ticker-item { font-size: 13px; color: var(--text-secondary); padding: 0 24px; border-right: 1px solid var(--border-subtle); display: flex; align-items: center; gap: 8px; }
.ticker-item b { color: #fff; }
@keyframes tickerFlow { 100% { transform: translateX(-50%); } }

/* Footer - Sadece BİDA Genel Sekreterliği */
.footer { padding: 60px 0 40px 0; margin-top: 40px; text-align: center; border-top: 1px solid var(--border-subtle); }
.footer-logo { font-family: 'Outfit', sans-serif; font-size: 32px; font-weight: 900; margin-bottom: 12px; color: #fff; }
.footer-tagline { color: var(--text-secondary); font-size: 14px; margin-bottom: 30px; letter-spacing: 0.5px; }
.footer-bottom { border-top: 1px solid var(--border-subtle); padding-top: 30px; color: var(--text-secondary); font-size: 12px; }

/* Animasyonlar ve Mobil Uyumluluk */
.reveal { opacity: 0; transform: translateY(30px); transition: var(--transition-smooth); }
.reveal.visible { opacity: 1; transform: translateY(0); }

@media (max-width: 768px) {
    .content-card { padding: 30px 20px; }
    .content-card h2 { font-size: 1.6rem; }
    .content-card h3 { font-size: 1.2rem; }
    .content-card p, .content-card ul { font-size: 1rem; }
}