.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-0158913-font-size:57px;--e-global-typography-0158913-font-weight:600;--e-global-typography-0158913-text-transform:capitalize;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:var( --e-global-color-blocksy_palette_1 );font-weight:600;color:#000000;border-radius:10px 10px 10px 10px;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1270px;}.e-con{--container-max-width:1270px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20%;}.elementor-element{--widgets-spacing:20% 20%;--widgets-spacing-row:20%;--widgets-spacing-column:20%;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Design Tokens as CSS Variables */
:root {
    --bg-deep-blue: oklch(0.06 0.015 260);
    --brand-blue: oklch(0.65 0.22 255);
    --brand-blue-glow: oklch(0.72 0.24 252);
    --primary-white: oklch(0.99 0 0);
    --foreground-white: oklch(0.98 0.005 250);
    --muted-text: oklch(0.72 0.04 250);
}

/* 1. Global Body Background & Ambient Glow */
body {
    background-color: var(--bg-deep-blue) !important;
    background-image: 
        radial-gradient(circle at 15% 20%, oklch(0.65 0.22 255 / 0.15) 0%, transparent 50%),
        radial-gradient(circle at 85% 75%, oklch(0.72 0.24 252 / 0.12) 0%, transparent 50%) !important;
    background-attachment: fixed !important;
    color: var(--foreground-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 2. Glassmorphism Card Effect */
.glass {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 0 60px -10px oklch(0.65 0.22 255 / 0.3) !important; /* Blue glow shadow */
    border-radius: 16px; /* modern rounded corners */
}

/* 3. Text Colors & Gradients */
.text-brand {
    color: var(--brand-blue) !important;
}

.text-muted {
    color: var(--muted-text) !important;
}

.gradient-text {
    background: linear-gradient(180deg, #ffffff 0%, var(--brand-blue) 100%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 4. Primary White Button */
.btn-white .elementor-button {
    background-color: var(--primary-white) !important;
    color: var(--brand-blue) !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease-in-out !important;
}

.btn-white .elementor-button:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 0 25px oklch(0.72 0.24 252 / 0.5) !important;
    transform: translateY(-2px);
}

/* 5. Float + Fade-up Animation */
.float-fade-up {
    opacity: 0;
    animation: floatUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes floatUp {
    0% {
        transform: translateY(30px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}/* End custom CSS */