.elementor-1707 .elementor-element.elementor-element-2bb479bf:not(.elementor-motion-effects-element-type-background), .elementor-1707 .elementor-element.elementor-element-2bb479bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0a0a0b;}.elementor-1707 .elementor-element.elementor-element-2bb479bf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:140px 80px 80px 80px;}.elementor-1707 .elementor-element.elementor-element-2bb479bf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1707 .elementor-element.elementor-element-4e4d93dc .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:64px;font-weight:700;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1707 .elementor-element.elementor-element-68724fa5 > .elementor-widget-container{padding:200px 0px 0px 0px;}.elementor-1707 .elementor-element.elementor-element-68724fa5 img{width:70%;height:600px;}.elementor-1707 .elementor-element.elementor-element-1e25fdfc:not(.elementor-motion-effects-element-type-background), .elementor-1707 .elementor-element.elementor-element-1e25fdfc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0a0a0b;}.elementor-1707 .elementor-element.elementor-element-1e25fdfc > .elementor-container{max-width:1400px;}.elementor-1707 .elementor-element.elementor-element-1e25fdfc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 80px 80px 80px;}.elementor-1707 .elementor-element.elementor-element-1e25fdfc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1707 .elementor-element.elementor-element-1dfb95fa .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:48px;font-weight:700;}.elementor-1707 .elementor-element.elementor-element-1eb27382 > .elementor-widget-container{margin:0px 0px 0px -250px;padding:0px 0px 0px 0px;}.elementor-1707 .elementor-element.elementor-element-2b472af:not(.elementor-motion-effects-element-type-background), .elementor-1707 .elementor-element.elementor-element-2b472af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0a0a0b;}.elementor-1707 .elementor-element.elementor-element-2b472af{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 80px 80px 80px;}.elementor-1707 .elementor-element.elementor-element-2b472af > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1707 .elementor-element.elementor-element-9b58cbd .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:48px;font-weight:700;}.elementor-1707 .elementor-element.elementor-element-77f789fa:not(.elementor-motion-effects-element-type-background), .elementor-1707 .elementor-element.elementor-element-77f789fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0a0a0b;}.elementor-1707 .elementor-element.elementor-element-77f789fa{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 80px 80px 80px;}.elementor-1707 .elementor-element.elementor-element-77f789fa > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1707 .elementor-element.elementor-element-4f340241 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:48px;font-weight:700;}.elementor-1707 .elementor-element.elementor-element-30c810ba:not(.elementor-motion-effects-element-type-background), .elementor-1707 .elementor-element.elementor-element-30c810ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0a0a0b;}.elementor-1707 .elementor-element.elementor-element-30c810ba{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 80px 80px 80px;}.elementor-1707 .elementor-element.elementor-element-30c810ba > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1707 .elementor-element.elementor-element-2127921 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:48px;font-weight:700;}.elementor-1707 .elementor-element.elementor-element-7a7fe28a:not(.elementor-motion-effects-element-type-background), .elementor-1707 .elementor-element.elementor-element-7a7fe28a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0a0a0b;}.elementor-1707 .elementor-element.elementor-element-7a7fe28a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 80px 120px 80px;}.elementor-1707 .elementor-element.elementor-element-7a7fe28a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1707 .elementor-element.elementor-element-513be42d{text-align:center;}.elementor-1707 .elementor-element.elementor-element-513be42d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:48px;font-weight:700;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for section, class: .elementor-element-2bb479bf *//* ===== ABOUT ME PAGE STYLING ===== */

/* Page Background */
body,
.elementor-location-single,
main {
    background: #0a0a0b !important;
}

/* ===== HERO SECTION ===== */
/* About Hero Section */
#about-hero-section,
[data-id="about-hero-section"] {
    background: #0a0a0b !important;
    position: relative;
}

/* Hero Title Gradient */
#about-hero-section h1,
[data-id="about-hero-section"] h1 {
    background: linear-gradient(135deg, #ffffff 0%, #d1d5db 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    display: inline-block !important;
}

/* Stats Grid Hover Effects */
div[style*="grid-template-columns: repeat(2, 1fr)"] > div:hover {
    transform: translateY(-4px) scale(1.02) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
}

/* About Image Hover Effect */
#about-image img,
[data-id="about-image"] img {
    transition: all 0.3s ease !important;
}

#about-image:hover img,
[data-id="about-image"]:hover img {
    transform: scale(1.05) !important;
    filter: brightness(1.1) !important;
}

/* ===== SECTION TITLES ===== */
#journey-section h2,
#expertise-section h2,
#values-section h2,
#personal-section h2,
#cta-section h2,
[data-id="journey-section"] h2,
[data-id="expertise-section"] h2,
[data-id="values-section"] h2,
[data-id="personal-section"] h2,
[data-id="cta-section"] h2 {
    background: linear-gradient(135deg, #ffffff 0%, #d1d5db 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    display: inline-block !important;
}

/* ===== EXPERTISE CARDS ===== */
.expertise-card {
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

.expertise-card:hover {
    transform: translateY(-8px) scale(1.02) !important;
    border-color: #6b7280 !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 0 20px rgba(59, 130, 246, 0.1) !important;
}

.expertise-card:hover h3 {
    color: #60a5fa !important;
}

/* Expertise Card Icons */
.expertise-card > div[style*="width: 64px"] {
    transition: all 0.3s ease !important;
}

.expertise-card:hover > div[style*="width: 64px"] {
    transform: scale(1.1) rotate(5deg) !important;
}

/* Expertise Tags */
.expertise-card span[style*="background: rgba"] {
    transition: all 0.3s ease !important;
}

.expertise-card:hover span[style*="background: rgba"] {
    transform: scale(1.05) !important;
    filter: brightness(1.2) !important;
}

/* ===== VALUES SECTION ===== */
/* Values Cards Hover */
div[style*="padding: 32px; background: rgba"] {
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

div[style*="padding: 32px; background: rgba"]:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2) !important;
}

div[style*="padding: 32px; background: rgba"]:hover h3 {
    color: #60a5fa !important;
}

/* Values Emoji Animation */
div[style*="font-size: 48px"] {
    transition: all 0.3s ease !important;
}

div[style*="padding: 32px; background: rgba"]:hover div[style*="font-size: 48px"] {
    transform: scale(1.2) rotate(10deg) !important;
}

/* ===== PERSONAL SECTION ===== */
/* Personal Interest Cards */
div[style*="display: grid; gap: 24px;"] > div {
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

div[style*="display: grid; gap: 24px;"] > div:hover {
    transform: translateY(-4px) scale(1.02) !important;
    border-color: #6b7280 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;
}

div[style*="display: grid; gap: 24px;"] > div:hover h4 {
    color: #60a5fa !important;
}

/* Personal Interest Icons */
div[style*="font-size: 32px"] {
    transition: all 0.3s ease !important;
}

div[style*="display: grid; gap: 24px;"] > div:hover div[style*="font-size: 32px"] {
    transform: scale(1.15) rotate(-5deg) !important;
}

/* Fun Fact Box */
div[style*="padding: 24px; background: #1a1a1b; border: 1px solid #374151"] {
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

div[style*="padding: 24px; background: #1a1a1b; border: 1px solid #374151"]:hover {
    border-color: #6b7280 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
}

/* ===== CTA SECTION ===== */
/* CTA Buttons */
a[href="#contact"],
a[href="#work"] {
    transition: all 0.3s ease !important;
}

a[href="#contact"]:hover {
    background: #2563eb !important;
    transform: scale(1.05) !important;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.3) !important;
}

a[href="#work"]:hover {
    background: rgba(59, 130, 246, 0.1) !important;
    border-color: #60a5fa !important;
    color: #60a5fa !important;
    transform: scale(1.05) !important;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1024px) {
    /* Adjust padding */
    #about-hero-section,
    #journey-section,
    #expertise-section,
    #values-section,
    #personal-section,
    #cta-section {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    
    /* Stats grid becomes single column */
    div[style*="grid-template-columns: repeat(2, 1fr)"] {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    
    /* Journey content stacks */
    div[style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }
}

@media (max-width: 768px) {
    /* Hero title size */
    #about-hero-section h1,
    [data-id="about-hero-section"] h1 {
        font-size: 48px !important;
    }
    
    /* Section titles */
    #journey-section h2,
    #expertise-section h2,
    #values-section h2,
    #personal-section h2,
    #cta-section h2 {
        font-size: 36px !important;
    }
    
    /* Expertise grid becomes single column */
    div[style*="grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))"] {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    
    /* Values grid becomes single column */
    div[style*="grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))"] {
        grid-template-columns: 1fr !important;
    }
    
    /* CTA buttons stack */
    div[style*="display: flex; justify-content: center; gap: 16px"] {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    /* Reduce padding */
    #about-hero-section,
    #journey-section,
    #expertise-section,
    #values-section,
    #personal-section,
    #cta-section {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 480px) {
    /* Further reduce hero title */
    #about-hero-section h1,
    [data-id="about-hero-section"] h1 {
        font-size: 36px !important;
    }
    
    /* Section titles */
    #journey-section h2,
    #expertise-section h2,
    #values-section h2,
    #personal-section h2,
    #cta-section h2 {
        font-size: 28px !important;
    }
    
    /* Stats grid full width */
    div[style*="grid-template-columns: repeat(2, 1fr)"] {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    
    /* Expertise and values cards padding */
    .expertise-card,
    div[style*="padding: 32px; background: rgba"] {
        padding: 24px !important;
    }
    
    /* Buttons full width */
    a[href="#contact"],
    a[href="#work"] {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 12px !important;
    }
}

/* ===== ACCESSIBILITY IMPROVEMENTS ===== */
/* Focus States */
.expertise-card:focus,
div[style*="padding: 32px; background: rgba"]:focus,
div[style*="display: grid; gap: 24px;"] > div:focus {
    outline: 2px solid #3b82f6 !important;
    outline-offset: 2px !important;
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
    .expertise-card,
    div[style*="padding: 32px; background: rgba"],
    div[style*="display: grid; gap: 24px;"] > div {
        border-width: 2px !important;
    }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .expertise-card,
    div[style*="padding: 32px; background: rgba"],
    div[style*="display: grid; gap: 24px;"] > div,
    a[href="#contact"],
    a[href="#work"] {
        transition: none !important;
    }
    
    .expertise-card:hover,
    div[style*="padding: 32px; background: rgba"]:hover,
    div[style*="display: grid; gap: 24px;"] > div:hover {
        transform: none !important;
    }
}

/* ===== INTERACTIVE ELEMENTS ===== */
/* Breadcrumb Hover */
div[href="#home"]:hover,
a[href="#home"]:hover {
    color: #60a5fa !important;
}

/* List Items Hover */
li:hover {
    color: #d1d5db !important;
    transform: translateX(4px) !important;
    transition: all 0.2s ease !important;
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth !important;
}

/* ===== LOADING ANIMATIONS ===== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Apply animation to sections */
#about-hero-section,
#journey-section,
#expertise-section,
#values-section,
#personal-section,
#cta-section {
    animation: fadeInUp 0.6s ease-out !important;
}/* End custom CSS */