.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.carousel-track { transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1); }
.slide-indicator.active { width: 32px; background-color: #fbf9f4; }

.glass-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.gold-shimmer {
    background: linear-gradient(90deg, transparent, rgba(197, 160, 89, 0.2), transparent);
    background-size: 200% 100%;
    animation: shimmer 3s infinite;
}

@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

#app-container {
    min-height: max(884px, 100dvh);
    max-width: 420px;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

body {
    background-color: #f0f2f5; 
}