.glass-surface {
            background: rgba(255, 255, 255, 0.65);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(15, 184, 227, 0.15);
            box-shadow: 0 10px 30px -10px rgba(24, 24, 22, 0.12);
        }
        .glass-surface-dark {
            background: rgba(24, 24, 22, 0.45);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.15);
        }
        .mist-shadow {
            box-shadow: 0 20px 40px -15px rgba(24, 24, 22, 0.15);
        }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
        }
        .active-tab {
            color: #0fb8e3;
            font-weight: 700;
            border-bottom: 2px solid #0fb8e3;
            padding-bottom: 0.25rem;
        }
        .vitality-glow:hover {
            box-shadow: 0 0 20px rgba(15, 184, 227, 0.35);
        }
        .moment-caption {
            background: linear-gradient(to top, rgba(24,24,22,0.85) 0%, rgba(24,24,22,0.05) 60%, rgba(24,24,22,0) 100%);
        }
        .coconut-overlay {
            background: linear-gradient(to bottom, rgba(36,79,72,0.88), rgba(24,24,22,0.82));
        }
        /* Hero background video */
        .hero-video-wrap {
            position: absolute;
            inset: 0;
            overflow: hidden;
        }
        .hero-video-wrap iframe {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 177.77vh; /* 16:9 based on viewport height */
            min-width: 100%;
            height: 56.25vw; /* 16:9 based on viewport width */
            min-height: 100%;
            transform: translate(-50%, -50%);
            pointer-events: none;
        }
        /* Standalone 16:9 video section */
        .video-embed {
            position: relative;
            width: 100%;
            padding-top: 56.25%;
        }
        .video-embed iframe {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
        }
