/* Particle Animation Background */
#particle-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #16213e 100%);
}

/* Mobil için particle sayısını azalt */
@media (max-width: 768px) {
    #particle-canvas {
        /* Mobilde daha az particle için CSS değişkeni */
        --particle-count: 100;
    }
}

@media (max-width: 480px) {
    #particle-canvas {
        --particle-count: 60;
    }
}

body {
    font-family: 'JetBrains Mono', monospace;
    color: #00ff88;
    min-height: 100vh;
    overflow-x: hidden;
}