.cyber-gradient {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f4c75 100%);
}

.cyber-glow {
    box-shadow: 0 0 20px rgba(34, 197, 94, 0.3), 0 0 40px rgba(34, 197, 94, 0.1);
}

.step-indicator {
    transition: all 0.3s ease;
}

.step-active {
    background: linear-gradient(45deg, #10b981, #34d399);
    transform: scale(1.1);
}

.step-completed {
    background: linear-gradient(45deg, #059669, #10b981);
}

.step-inactive {
    background: #374151;
}

.form-step {
    display: none;
    animation: slideIn 0.5s ease-out;
}

.form-step.active {
    display: block;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.cyber-card {
    background: rgba(15, 23, 42, 0.8);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.dark .cyber-card {
    background: rgba(3, 7, 18, 0.9);
}

/* Enhanced cyber-themed input styling */
input:focus {
    box-shadow: 0 0 0 1px currentColor, 0 0 15px rgba(34, 197, 94, 0.2);
}

/* Radio button styling enhancements */
.peer:checked ~ div {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(34, 197, 94, 0.15);
}

/* Checkbox styling */
input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");
}

/* Animation improvements */
@keyframes animate-fade-in-up {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes animate-fade-in-right {
    from {
        opacity: 0;
        transform: translateX(10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate-fade-in-up {
    animation: animate-fade-in-up 0.6s ease-out forwards;
}

.animate-fade-in-right {
    animation: animate-fade-in-right 0.6s ease-out forwards;
}