@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Outfit:wght@300;400;500;600;700;850&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
    --font-heading: 'Outfit', sans-serif;
    --font-serif: 'Playfair Display', serif;
    --font-accent: 'Cinzel', serif;
}

body {
    font-family: 'Outfit', sans-serif;
    scroll-behavior: smooth;
    background-color: #fafbfc;
    color: #0b192c;
}

/* Premium Gold Text Gradient */
.text-gold-gradient {
    background: linear-gradient(135deg, #b8860b 0%, #e5d3b3 50%, #d4af37 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Premium Gold Background Gradient */
.bg-gold-gradient {
    background: linear-gradient(135deg, #a37e1c 0%, #d4af37 50%, #c59b27 100%);
}

.bg-gold-light {
    background: linear-gradient(135deg, #fdfbf7 0%, #f7f1e1 100%);
}

/* Navy Overlay & Gradients */
.bg-navy-gradient {
    background: linear-gradient(135deg, #0b192c 0%, #1e3e62 100%);
}

/* Glassmorphism Panel */
.glass-panel {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.glass-panel-dark {
    background: rgba(11, 25, 44, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f2f6;
}
::-webkit-scrollbar-thumb {
    background: #d4af37;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #c59b27;
}

/* Floating Animations */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

.animate-float {
    animation: float 4s ease-in-out infinite;
}

/* Fade In Up Custom Animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Premium Gold Border Pulse */
@keyframes goldPulse {
    0% { border-color: rgba(212, 175, 55, 0.4); box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.4); }
    70% { border-color: rgba(212, 175, 55, 0.8); box-shadow: 0 0 0 10px rgba(212, 175, 55, 0); }
    100% { border-color: rgba(212, 175, 55, 0.4); box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }
}

.border-gold-pulse {
    animation: goldPulse 2s infinite;
}

/* Music Rotate Button */
@keyframes spinSlow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.spin-slow {
    animation: spinSlow 8s linear infinite;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}
.no-scrollbar::-webkit-scrollbar-track {
    background: transparent !important;
    display: none !important;
}
.no-scrollbar::-webkit-scrollbar-thumb {
    background: transparent !important;
    display: none !important;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none !important;  /* IE and Edge */
    scrollbar-width: none !important;  /* Firefox */
}