:root { --accent: #2dd4bf; }

body { 
    background-color: #020617; 
    color: #e2e8f0; 
    overflow-x: hidden;
    transition: opacity 0.5s ease;
}

.fade-out { opacity: 0; }

.glass {
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(12px);
    border-b: 1px solid rgba(45, 212, 191, 0.1);
}

#neuralCanvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

.project-card { 
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
    border: 1px solid rgba(255,255,255,0.05); 
    background: rgba(15, 23, 42, 0.6); 
}

.project-card:hover { 
    transform: translateY(-10px); 
    border-color: var(--accent);
    box-shadow: 0 10px 30px -15px rgba(45, 212, 191, 0.3);
}

.terminal-header {
    background: #1e293b;
    padding: 10px;
    display: flex;
    gap: 6px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.social-link:hover {
    color: var(--accent);
    filter: drop-shadow(0 0 8px var(--accent));
    transform: scale(1.1);
    transition: all 0.3s ease;
}