body { 
    background-color: #020204; 
    color: #fff; 
    overflow-x: hidden; 
}

/* Partikül Katmanı */
#particles {
    position: fixed; width: 100%; height: 100%; top: 0; left: 0;
    z-index: 0; pointer-events: none; opacity: 0.5;
}
.glow-particle { 
    position: absolute; width: 4px; height: 4px; background: rgba(255,255,255,0.8);
    border-radius: 50%; box-shadow: 0 0 10px #6366f1; animation: float 6s infinite ease-in-out;
}

/* Glass Box Style */
.glass-box {
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s ease;
}

/* Terminal Style */
.terminal-box {
    background: #0d1117; 
    border: 1px solid #30363d;
    box-shadow: 0 20px 50px rgba(0,0,0,0.6);
}
.grid-overlay {
    position: absolute; inset: 0; pointer-events: none; opacity: 0.05;
    background-image: linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.1) 1px, transparent 1px);
    background-size: 20px 20px;
}

/* Gradient Text Animasyonu (Renkli ve Hareketli) */
.animate-gradient-text {
    background: linear-gradient(to right, #6366f1, #F43F5E, #06b6d4, #6366f1);
    background-size: 300% auto;
    color: transparent; 
    -webkit-background-clip: text; 
    background-clip: text;
    animation: textFlow 4s linear infinite;
}

/* Keyframes */
@keyframes textFlow { to { background-position: 200% center; } }

@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

/* Blobs */
.blob {
    position: absolute; border-radius: 50%; filter: blur(100px); animation: blob 10s infinite;
}
.blob-1 { width: 500px; height: 500px; background: rgba(99, 102, 241, 0.15); top: -10%; left: -10%; }
.blob-2 { width: 500px; height: 500px; background: rgba(244, 63, 94, 0.1); bottom: -10%; right: -10%; animation-delay: 2s; }

.safe-text { line-height: 1.25; padding: 0.1em 0; }