/* CC-02b Wave 1 - extracted from FRONTEND/02_profiles/personal-information.html */
.form-section {
            background: linear-gradient(135deg, rgba(212, 175, 55, 0.05), rgba(255, 105, 180, 0.05));
            backdrop-filter: blur(0.625rem);
            transition: all 0.3s ease;
        }
        
        .form-section:hover {
            background: linear-gradient(135deg, rgba(212, 175, 55, 0.08), rgba(255, 105, 180, 0.08));
        }
        
        .input-group {
            position: relative;
        }
        
        .input-group input:focus + label,
        .input-group input:not(:placeholder-shown) + label,
        .input-group select:focus + label,
        .input-group select:not([value=""]) + label {
            transform: translateY(-1rem) scale(0.875);
            color: #D4AF37;
        }
        
        .input-group label {
            position: absolute;
            left: 0.75rem;
            top: 0.75rem;
            transition: all 0.3s ease;
            pointer-events: none;
            background: #1f2937;
            padding: 0 0.25rem;
            color: #9ca3af;
        }
        
        .step-navigation {
            position: sticky;
            top: 0;
            z-index: 40;
            backdrop-filter: blur(0.625rem);
        }
        
        .slide-in-left {
            animation: slideInLeft 0.5s ease-out;
        }
        
        .slide-in-right {
            animation: slideInRight 0.5s ease-out;
        }
        
        .required-field::after {
            content: '*';
            color: #ef4444;
            margin-left: 0.25rem;
        }