/* Projects Page Styles */

/* Floating icon animation */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

@keyframes gradientShift {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.floating-icon {
    animation: float 6s ease-in-out infinite;
}

.attention-viz {
    background: linear-gradient(45deg, #4FC3F7, #7E57C2, #26A69A, #4FC3F7);
    background-size: 400% 400%;
    animation: gradientShift 3s ease infinite;
}

/* Featured card */
.cyber-card-featured {
    background: linear-gradient(135deg, #1A2332 0%, #1E2A3D 50%, #1A2332 100%);
    border: 1px solid rgba(126, 87, 194, 0.3);
}

.cyber-card-featured::before {
    background: linear-gradient(90deg, transparent, #7E57C2, transparent);
}

/* GitHub button styles */
.cyber-btn-github {
    background: linear-gradient(135deg, #1A2332 0%, #16202E 100%);
    border: 1px solid #2E3F54;
    color: #F3F4F6;
    transition: all 0.3s ease;
}

.cyber-btn-github:hover {
    border-color: #4FC3F7;
    box-shadow: 0 0 15px rgba(79, 195, 247, 0.3);
}

/* Code block */
.code-block {
    background: #0A0F1C;
    border: 1px solid #2E3F54;
    border-radius: 8px;
}

/* Progress bars */
.cyber-progress {
    background: #2E3F54;
}

.cyber-progress-bar {
    background: linear-gradient(90deg, #4FC3F7, #7E57C2);
    box-shadow: 0 0 10px rgba(79, 195, 247, 0.5);
}