/* Splash Screen Styles */
#splash-screen {
    background: linear-gradient(135deg, #580116 0%, #084f2f 100%);
}

.no-scroll {
    overflow: hidden !important;
}

/* Base Styles & Overrides */
html {
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #084f2f; 
}
::-webkit-scrollbar-thumb {
    background: #840d27; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #b6052f; 
}

/* Selection */
::selection {
    background: #b6052f;
    color: #ffffff;
}

/* Custom Animations */
@keyframes scrolldown {
    0% { transform: translateY(-100%); }
    50% { transform: translateY(0%); }
    100% { transform: translateY(100%); }
}

.animate-scrolldown {
    animation: scrolldown 2s infinite ease-in-out;
}

@keyframes blob1 {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}

@keyframes blob2 {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(-30px, 50px) scale(1.1); }
    66% { transform: translate(20px, -20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}

.animate-blob1 {
    animation: blob1 15s infinite alternate ease-in-out;
}

.animate-blob2 {
    animation: blob2 18s infinite alternate-reverse ease-in-out;
}

/* Form Styles */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #f7f5f2 inset !important;
}

/* Accordion Transition */
.faq-answer-wrap {
    transition: height 0.3s ease-out;
}
.faq-item.active .faq-icon {
    transform: rotate(45deg);
}

/* Clip paths for dramatic reveals */
.clip-reveal {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.clip-reveal.is-visible {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}