/* Brushed Steel Background Pattern */
.bg-brushed-texture {
    background-color: #e6ebf0;
    background-image:
        radial-gradient(circle at 50% 40%, rgba(255, 255, 255, 0.9) 0%, rgba(220, 227, 235, 0.6) 45%, rgba(185, 195, 206, 0.8) 90%),
        repeating-radial-gradient(circle at 50% 50%, transparent 0, transparent 2px, rgba(0,0,0,0.015) 3px, transparent 4px),
        linear-gradient(90deg, rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.03) 50%, rgba(255,255,255,0.4) 100%);
}

.gold-border-gradient {
    border-image: linear-gradient(135deg, #fcee9f 0%, #dfb13c 50%, #a67c1e 100%) 1;
}

.gold-text-shimmer {
    background: linear-gradient(120deg, #996515 0%, #d4af37 25%, #f9e29c 50%, #d4af37 75%, #996515 100%);
    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    animation: shimmer 5s linear infinite;
}

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

.metallic-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.85) 0%, rgba(240, 244, 248, 0.75) 100%);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 15px 35px -5px rgba(45, 55, 72, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.metallic-button {
    background: linear-gradient(180deg, #ffffff 0%, #e2e8f0 100%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), inset 0 1px 0 #ffffff, inset 0 -1px 0 #cbd5e1;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.metallic-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12), inset 0 1px 0 #ffffff;
}

.gold-button {
    background: linear-gradient(135deg, #f7df8c 0%, #d4a737 50%, #b3861d 100%);
    box-shadow: 0 4px 15px rgba(212, 167, 55, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.6);
    transition: all 0.3s ease;
    color: white;
    font-weight: bold;
}

.gold-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(212, 167, 55, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.logo-ring {
    border: 3px solid transparent;
    background: linear-gradient(white, white) padding-box,
                linear-gradient(135deg, #fad961 0%, #d4a029 50%, #876208 100%) border-box;
}

.glass-nav {
    background: rgba(245, 248, 252, 0.82);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(212, 175, 55, 0.25);
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #e2e8f0;
}
::-webkit-scrollbar-thumb {
    background: #c59b27;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #9e791b;
}

.animate-duration-4000 { animation-duration: 4s; }
.animation-duration-3s { animation-duration: 3s; }