/* Custom Customizations & Anti-Gravity Effects */
body {
background-color: #040F22; /* Deep Maroon/Black base */
color: #F3E5AB;
overflow-x: hidden;
}

/* Gold Dust Canvas */
#gold-dust-canvas {
position: fixed;
top: 0; left: 0;
width: 100vw; height: 100vh;
pointer-events: none;
z-index: 0;
opacity: 0.6;
}


/* Frosted Glassmorphism Navbar & Cards */
.glass-panel {
background: rgba(4, 15, 34, 0.6);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(212, 175, 55, 0.15);
}

.glass-nav.scrolled {
background: rgba(4, 15, 34, 0.95);
border-bottom: 1px solid rgba(212, 175, 55, 0.3);
box-shadow: 0 10px 30px -10px rgba(0,0,0,0.5);
padding-top: 10px; padding-bottom: 10px;
}

/* Glowing Logo Effect (Matching Uploaded Image) */
.logo-glow {
text-shadow: 0 0 10px #D4AF37, 0 0 20px #D4AF37, 0 0 30px #AA8000;
}

/* SPA Transitions */
.page-section {
display: none;
opacity: 0;
transform: translateY(12px);
transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}
.page-section.active { display: block; }
.page-section.fade-in { opacity: 1; transform: translateY(0); }

/* Anti-Gravity Floating Animation */
.anti-gravity { animation: float-up-down 6s ease-in-out infinite; }
.anti-gravity-delay { animation: float-up-down 7s ease-in-out infinite 1s; }

@keyframes float-up-down {
0% { transform: translateY(0px); }
50% { transform: translateY(-20px); }
100% { transform: translateY(0px); }
}

/* Breathing WhatsApp Widget */
.breathe-animation { animation: breathe 2s infinite ease-in-out; }
@keyframes breathe {
0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
70% { transform: scale(1.05); box-shadow: 0 0 0 20px rgba(37, 211, 102, 0); }
100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

/* 3D Tilt Wrapper */
.tilt-card { transform-style: preserve-3d; transition: transform 0.1s ease; }
.tilt-content { transform: translateZ(30px); } /* Pops out during tilt */

/* Magnetic Button */
.magnetic-btn { transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #040F22; }
::-webkit-scrollbar-thumb { background: #D4AF37; border-radius: 4px; }

/* Preloader */
#loader {
position: fixed; inset: 0; z-index: 999999;
background: #040F22;
display: flex; flex-direction: column; justify-content: center; align-items: center;
transition: opacity 0.6s ease;
}
.spinner-loader {
width: 60px; height: 60px;
border: 4px solid rgba(212, 175, 55, 0.2);
border-top: 4px solid #D4AF37;
border-radius: 50%;
animation: spin-pulse 1.2s infinite cubic-bezier(0.5, 0, 0.5, 1);
box-shadow: 0 0 15px rgba(212,175,55,0.4);
}
@keyframes spin-pulse { 
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* === GOLD PAGE CURTAIN TRANSITION === */
#top-bar {
    position: fixed;
    top: 0; left: 0;
    height: 3px;
    width: 0%;
    background: linear-gradient(to right, #AA8000, #D4AF37, #F5D98B, #D4AF37, #AA8000);
    z-index: 999998;
    transition: width 0.25s ease-out;
    box-shadow: 0 0 10px rgba(212,175,55,0.8);
}
#top-bar.active {
    width: 100%;
}

#page-curtain {
    position: fixed;
    inset: 0;
    background: #040F22;
    border-right: 2px solid rgba(212,175,55,0.4);
    z-index: 999997;
    transform: translateX(-100%);
    transition: transform 0.28s cubic-bezier(0.7, 0, 0.3, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}
#page-curtain.slide-in {
    transform: translateX(0%);
}
#page-curtain.slide-out {
    transform: translateX(100%);
    transition: transform 0.28s cubic-bezier(0.7, 0, 0.3, 1);
}
#page-curtain-logo {
    text-align: center;
    opacity: 0;
    transform: scale(0.95);
    transition: opacity 0.15s ease, transform 0.15s ease;
}
#page-curtain.slide-in #page-curtain-logo {
    opacity: 1;
    transform: scale(1);
    transition-delay: 0.15s;
}