:root {
    /* Referans mockup: derin siyah + teal/cyan vurgu */
    --primary: #00d2ff;
    --primary-rgb: 0, 210, 255;
    --primary-glow: rgba(0, 210, 255, 0.45);
    --secondary: #00a3cc;

    --bg-dark: #050505;
    --bg-nav: rgba(5, 5, 5, 0.98);
    --bg-card: #0c0c10;

    --text-main: #ffffff;
    --text-muted: #9ca3af;

    --border: rgba(var(--primary-rgb), 0.18);
    --border-glow: rgba(var(--primary-rgb), 0.32);

    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* Referans mockup — ortak ölçek (gutter, bölüm aralığı, hero bandı) */
    --nav-h: 80px;
    --gutter-x: 10%;
    --gutter-tight: 8%;
    --section-y-lg: clamp(3.25rem, 5.5vw, 4.75rem);
    --section-y-md: clamp(2rem, 3.5vw, 3.25rem);
    --hero-band-min: 400px;
    --hero-band-vh: 64vh;
    --hero-band-max: 700px;
    --content-wide: 1700px;
    --content-norm: 1400px;
    --radius-card: 12px;
    --radius-panel: 14px;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@500;600;700;800&family=Orbitron:wght@400;700;900&display=swap');

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; }

body {
    background-color: var(--bg-dark);
    color: var(--text-main);
    font-family: 'Inter', 'Montserrat', sans-serif;
    font-size: 0.75rem;
    overflow-x: hidden;
}

.font-cyber { font-family: 'Orbitron', sans-serif; }
a { text-decoration: none; color: inherit; transition: var(--transition); }
ul { list-style: none; }
img { max-width: 100%; height: auto; }