/* CC-02b Wave 1 - extracted from FRONTEND/02_profiles/profile-creation-hub.html */
:root {
            --marriage-rose: #E91E63;
            --marriage-deep: #8B5A87;
        }
        
        .glass-morphism {
            background: rgba(255, 255, 255, 0.25);
            backdrop-filter: blur(1rem);
            border: 0.0625rem solid rgba(255, 255, 255, 0.18);
        }
        
        .dark .glass-morphism {
            background: rgba(17, 24, 39, 0.25);
            border: 0.0625rem solid rgba(55, 65, 81, 0.3);
        }
        
        .gradient-primary {
            background: linear-gradient(135deg, var(--marriage-rose) 0%, var(--marriage-deep) 100%);
        }
        
        .gradient-accent {
            background: linear-gradient(135deg, var(--marriage-gold) 0%, #F59E0B 100%);
        }
        
        .profile-section-card {
            background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
            border: 0.125rem solid transparent;
            transition: all 0.3s ease;
        }
        
        .dark .profile-section-card {
            background: linear-gradient(145deg, #1f2937 0%, #111827 100%);
        }
        
        .progress-ring-circle {
            transition: stroke-dasharray 0.35s;
            transform-origin: 50% 50%;
        }
        
        .floating-badge {
            animation: float 6s ease-in-out infinite;
        }

        /* Mobile viewport simulation */
        .mobile-preview {
            max-width: 23.4375rem;
            margin: 0 auto;
            border: 0.125rem solid #374151;
            border-radius: 1.5rem;
            background: #1f2937;
            padding: 1rem;
        }