/* Brand Styles */
:root {
    --brand-blue: #0EA5E9;
    --brand-red: #E11D2E;
    --brand-navy: #0B2C4D;
    --brand-orange: #F97316;
    --brand-bg: #F1F5F9;
    --brand-text: #64748B;
}

.glass-header {
    background: rgba(11, 44, 77, 0.95);
    backdrop-filter: blur(10px);
}

.btn-orange {
    background-color: var(--brand-orange);
    transition: all 0.3s ease;
}

.btn-orange:hover {
    background-color: #EA580C;
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(249, 115, 22, 0.4);
}

.hero-gradient {
    background: linear-gradient(135deg, var(--brand-navy) 0%, #1E40AF 100%);
}

@keyframes bounce-slow {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.animate-bounce-slow {
    animation: bounce-slow 3s ease-in-out infinite;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--brand-bg);
}

::-webkit-scrollbar-thumb {
    background: var(--brand-blue);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--brand-navy);
}

/* Scroll Animations */
.reveal {
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.reveal.active {
    opacity: 1;
    transform: none !important;
}

.fade-up {
    transform: translateY(40px);
}

.fade-left {
    transform: translateX(-40px);
}

.fade-right {
    transform: translateX(40px);
}

.zoom-in {
    transform: scale(0.9);
}

.zoom-out {
    transform: scale(1.1);
}

/* Staggered animation delays */
.delay-100 {
    transition-delay: 100ms;
}

.delay-200 {
    transition-delay: 200ms;
}

.delay-300 {
    transition-delay: 300ms;
}

.delay-400 {
    transition-delay: 400ms;
}

.delay-500 {
    transition-delay: 500ms;
}