.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);
    }
    .reveal {
        opacity: 0;
        transform: translateY(20px);
        transition: all 0.8s ease-out;
    }
    .reveal.active {
        opacity: 1;
        transform: translateY(0);
    }