.elementor-kit-14{--e-global-color-primary:#8B5CF6;--e-global-color-secondary:#3B82F6;--e-global-color-text:#FFFFFF;--e-global-color-accent:#10B981;--e-global-color-b393096:#0A0A0A;--e-global-color-daae239:#161616;--e-global-color-9de55d3:#FFFFFF14;--e-global-color-cc321ae:#0A0A0A;--e-global-color-b90988d:#888888;--e-global-color-4aea19a:#6366F1;--e-global-color-5a24df9:#f2295b;--e-global-color-ee4361f:#FFFFFF00;--e-global-color-aa30426:#FFFFFF54;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;background-color:#0A0A0A;}.elementor-kit-14 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@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 *//* COPY ALL OF THIS */

/* Dark Background for Entire Site */
body {
    background-color: #0a0a0a !important;
}

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

::-webkit-scrollbar-track {
    background: #111111;
}

::-webkit-scrollbar-thumb {
    background: #8b5cf6;
    border-radius: 4px;
}

/* Gradient Text Effect */
.gradient-text {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
}

/* Glass Header Effect */
.glass-header {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background-color: rgba(10, 10, 10, 0.8) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* Gradient Orbs */
.gradient-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.3;
    pointer-events: none;
    animation: float 20s ease-in-out infinite;
}

.orb-1 {
    width: 600px;
    height: 600px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    top: -300px;
    right: -200px;
}

.orb-2 {
    width: 400px;
    height: 400px;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    bottom: -200px;
    left: -100px;
}

@keyframes float {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(30px, -30px); }
}

/* Bento Grid */
.bento-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.bento-large {
    grid-column: span 2;
    grid-row: span 2;
}

.bento-wide {
    grid-column: span 2;
}

.bento-tall {
    grid-row: span 2;
}

/* Responsive */
@media (max-width: 768px) {
    .bento-grid {
        grid-template-columns: 1fr !important;
    }
    
    .bento-large,
    .bento-wide,
    .bento-tall {
        grid-column: span 1;
        grid-row: span 1;
    }
    
/* Card hover effects */
.problem-card {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.problem-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

/* Colorize emoji when card is hovered */
.problem-card:hover .elementor-heading-title {
    filter: grayscale(0%) !important;
}

/* Loading bar effect */
.problem-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, #ef4444, #ec4899);
    transition: width 0.3s ease;
}

.problem-card:hover::after {
    width: 100%;
}
}/* End custom CSS */