.elementor-800 .elementor-element.elementor-element-22e7d9e{--display:flex;--min-height:250px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-800 .elementor-element.elementor-element-22e7d9e:not(.elementor-motion-effects-element-type-background), .elementor-800 .elementor-element.elementor-element-22e7d9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-800 .elementor-element.elementor-element-81248d1{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-800 .elementor-element.elementor-element-3ddbc01{font-family:"Roboto Condensed", Sans-serif;font-size:13px;font-weight:400;line-height:23px;color:#FFFFFF;}.elementor-800 .elementor-element.elementor-element-1af0e36{--display:flex;}.elementor-800 .elementor-element.elementor-element-164c0ba{font-family:"Roboto Condensed", Sans-serif;font-size:13px;font-weight:400;line-height:23px;color:#FFFFFF;}.elementor-800 .elementor-element.elementor-element-1809aac .site-logo-title-wrap{text-align:center;}.elementor-800 .elementor-element.elementor-element-1809aac .news-elementor-site-logo-title img{width:300px;}.elementor-800 .elementor-element.elementor-element-1809aac .site-title, .elementor-800 .elementor-element.elementor-element-1809aac .site-title a{color:#FFFFFF;}.elementor-800 .elementor-element.elementor-element-1809aac .site-title{margin:2px 0px 2px 0px;}.elementor-800 .elementor-element.elementor-element-1809aac .site-description{padding:10px 0px 5px 0px;margin:1px 0px 0px 0px;}.elementor-800 .elementor-element.elementor-element-5541339{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-800 .elementor-element.elementor-element-976e41b .nekit-advanced-heading-icon-wrap{text-align:center;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-800 .elementor-element.elementor-element-976e41b .heading, .elementor-800 .elementor-element.elementor-element-976e41b textpath, .elementor-800 .elementor-element.elementor-element-976e41b .animation--typing .typed-cursor, .elementor-800 .elementor-element.elementor-element-976e41b .animation-style--normal{font-family:"Khand", Sans-serif;font-size:22px;}.elementor-800 .elementor-element.elementor-element-976e41b .nekit-advanced-heading-icon-wrap .heading, .elementor-800 .elementor-element.elementor-element-976e41b .animation--typing .typed-cursor{color:#FFFFFF;}.elementor-800 .elementor-element.elementor-element-976e41b textpath{fill:#FFFFFF;}.elementor-800 .elementor-element.elementor-element-976e41b .heading, .elementor-800 .elementor-element.elementor-element-976e41b .animation-style--curve text{transform:skewX(0deg);}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-800 .elementor-element.elementor-element-4762e0b .elementor-button{background-color:#61CE7000;border-style:none;}.elementor-800 .elementor-element.elementor-element-4762e0b .elementor-button-content-wrapper{flex-direction:row;}.elementor-800 .elementor-element.elementor-element-4762e0b .elementor-button:hover, .elementor-800 .elementor-element.elementor-element-4762e0b .elementor-button:focus{color:#2152F7;}.elementor-800 .elementor-element.elementor-element-4762e0b .elementor-button:hover svg, .elementor-800 .elementor-element.elementor-element-4762e0b .elementor-button:focus svg{fill:#2152F7;}@media(max-width:1024px){.elementor-800 .elementor-element.elementor-element-1809aac .news-elementor-site-logo-title img{width:400px;}}@media(max-width:767px){.elementor-800 .elementor-element.elementor-element-3ddbc01{text-align:center;}.elementor-800 .elementor-element.elementor-element-164c0ba{text-align:center;}.elementor-800 .elementor-element.elementor-element-1809aac .news-elementor-site-logo-title img{width:400px;}.elementor-800 .elementor-element.elementor-element-976e41b .nekit-advanced-heading-icon-wrap{text-align:center;}}/* Nekit custom element styles *//* ═══════════════════════════════════════════════════════════ */
/* 🎨 CSS VARIABLES - Footer Copyright Theme */
/* ═══════════════════════════════════════════════════════════ */
:root {
    /* Brand Colors */
    --footer-gradient-start: #0033cc;
    --footer-gradient-end: #ff0050;
    --footer-accent-blue: #0033cc;
    --footer-accent-red: #ff0050;
    
    /* Background & Text */
    --footer-bg-dark: #0a0a0a;
    --footer-bg-overlay: linear-gradient(180deg, #111 0%, #0a0a0a 100%);
    --footer-text-primary: #b0b0b0;
    --footer-text-hover: #ffffff;
    --footer-text-link: #ffffff;
    
    /* Glow Effects */
    --footer-glow-blue: rgba(0, 51, 204, 0.6);
    --footer-glow-red: rgba(255, 0, 80, 0.8);
    --footer-glow-white: rgba(255, 255, 255, 0.9);
    
    /* Measurements */
    --footer-padding: clamp(20px, 3vw, 30px);
    --footer-glow-height: 3px;
    --footer-text-size: clamp(13px, 1.5vw, 14px);
    
    /* Animation */
    --footer-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --footer-glow-speed: 4s;
}

/* ═══════════════════════════════════════════════════════════ */
/* 1. MAIN FOOTER COPYRIGHT CONTAINER - Dark Elegant Base */
/* ═══════════════════════════════════════════════════════════ */
.elementor-800 .elementor-element.elementor-element-3ddbc01 {
    /* Background Styling */
    background: var(--footer-bg-overlay);
    background-color: var(--footer-bg-dark);
    
    /* Layout */
    padding: var(--footer-padding) 0;
    text-align: center;
    
    /* Positioning */
    position: relative;
    isolation: isolate;
    
    /* Overflow Management untuk Glow Line */
    overflow: hidden;
    
    /* Border Top (subtle separator) */
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    
    /* Performance Optimization */
    will-change: background;
    transform: translateZ(0);
}

/* Optional: Subtle Noise Texture untuk Premium Look */
.elementor-800 .elementor-element.elementor-element-3ddbc01::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.015'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 0;
    opacity: 0.5;
}

/* Ensure content is above texture */
.elementor-800 .elementor-element.elementor-element-3ddbc01 > * {
    position: relative;
    z-index: 1;
}

/* ═══════════════════════════════════════════════════════════ */
/* 2. ANIMATED NEON GLOW LINE - Brand Gradient with Movement */
/* ═══════════════════════════════════════════════════════════ */
.elementor-800 .elementor-element.elementor-element-3ddbc01::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--footer-glow-height);
    
    /* Multi-color Gradient (Blue → Red → Blue) */
    background: linear-gradient(
        90deg,
        var(--footer-gradient-start) 0%,
        var(--footer-gradient-end) 25%,
        #ff00ff 50%, /* Purple middle untuk smooth transition */
        var(--footer-gradient-end) 75%,
        var(--footer-gradient-start) 100%
    );
    background-size: 300% 100%;
    
    /* Smooth Flowing Animation */
    animation: neonFlow var(--footer-glow-speed) linear infinite;
    
    /* Enhanced Multi-layer Glow Effect */
    box-shadow: 
        0 2px 20px var(--footer-glow-blue), /* Outer glow */
        0 4px 30px var(--footer-glow-red), /* Mid glow */
        0 0 40px rgba(255, 0, 255, 0.3), /* Purple ambient */
        0 0 5px var(--footer-glow-white) inset; /* Inner shine */
    
    /* Layering */
    z-index: 10;
    
    /* Performance */
    will-change: background-position;
    transform: translateZ(0);
}

/* Neon Flow Animation - Smooth Gradient Movement */
@keyframes neonFlow {
    0% { background-position: 0% 50%; }
    100% { background-position: 300% 50%; }
}

/* Alternative: Pulsing Glow Effect (uncomment untuk pakai) */
/*
@keyframes neonPulse {
    0%, 100% { 
        opacity: 1;
        box-shadow: 0 2px 20px var(--footer-glow-blue);
    }
    50% { 
        opacity: 0.7;
        box-shadow: 0 4px 40px var(--footer-glow-red);
    }
}

.elementor-800 .elementor-element.elementor-element-3ddbc01::before {
    animation: neonFlow var(--footer-glow-speed) linear infinite,
               neonPulse 2s ease-in-out infinite;
}
*/

/* ═══════════════════════════════════════════════════════════ */
/* 3. TEXT STYLING - Elegant Typography */
/* ═══════════════════════════════════════════════════════════ */
.elementor-800 .elementor-element.elementor-element-3ddbc01 p,
.elementor-800 .elementor-element.elementor-element-3ddbc01 span,
.elementor-800 .elementor-element.elementor-element-3ddbc01 div,
.elementor-800 .elementor-element.elementor-element-3ddbc01 small {
    /* Typography */
    font-size: var(--footer-text-size);
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 1.6;
    
    /* Colors */
    color: var(--footer-text-primary);
    
    /* Spacing */
    margin: 0;
    padding: 0;
    
    /* Enhanced Readability */
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    /* Smooth Transitions */
    transition: var(--footer-transition);
}

/* Flexbox Layout untuk Multi-line Content */
.elementor-800 .elementor-element.elementor-element-3ddbc01 .footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px 16px;
}

/* ═══════════════════════════════════════════════════════════ */
/* 4. LINKS & INTERACTIVE ELEMENTS - Neon Hover Effect */
/* ═══════════════════════════════════════════════════════════ */
.elementor-800 .elementor-element.elementor-element-3ddbc01 a {
    /* Typography */
    color: var(--footer-text-link);
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 1px;
    
    /* Positioning untuk Underline Effect */
    position: relative;
    display: inline-block;
    
    /* Smooth Transitions */
    transition: var(--footer-transition);
    
    /* Accessibility */
    outline-offset: 3px;
}

/* Animated Underline (Hidden by Default) */
.elementor-800 .elementor-element.elementor-element-3ddbc01 a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--footer-gradient-start), var(--footer-gradient-end));
    transition: width 0.3s ease;
}

/* ═══════════════════════════════════════════════════════════ */
/* 5. HOVER EFFECTS - Neon Glow on Links */
/* ═══════════════════════════════════════════════════════════ */
.elementor-800 .elementor-element.elementor-element-3ddbc01 a:hover,
.elementor-800 .elementor-element.elementor-element-3ddbc01 a:focus {
    /* Color Change */
    color: var(--footer-gradient-end);
    
    /* Multi-layer Text Glow (Stacked Shadows untuk Realistic Neon) */
    text-shadow: 
        0 0 5px var(--footer-glow-white), /* Inner bright glow */
        0 0 10px var(--footer-glow-red), /* Primary glow */
        0 0 20px var(--footer-glow-red), /* Mid glow */
        0 0 40px var(--footer-glow-red), /* Outer glow */
        0 0 80px rgba(255, 0, 80, 0.4); /* Ambient glow */
    
    /* Letter Spacing Expansion */
    letter-spacing: 2px;
    
    /* Slight Scale Up */
    transform: scale(1.05);
}

/* Underline Expands on Hover */
.elementor-800 .elementor-element.elementor-element-3ddbc01 a:hover::after,
.elementor-800 .elementor-element.elementor-element-3ddbc01 a:focus::after {
    width: 100%;
}

/* Keyboard Focus Enhancement (WCAG) */
.elementor-800 .elementor-element.elementor-element-3ddbc01 a:focus-visible {
    outline: 2px solid var(--footer-gradient-start);
    outline-offset: 4px;
    border-radius: 2px;
}

/* ═══════════════════════════════════════════════════════════ */
/* 6. COPYRIGHT SYMBOL - Glowing Accent */
/* ═══════════════════════════════════════════════════════════ */
.elementor-800 .elementor-element.elementor-element-3ddbc01 p::first-letter,
.elementor-800 .elementor-element.elementor-element-3ddbc01 span::first-letter {
    /* Color Enhancement */
    color: var(--footer-gradient-start);
    font-weight: 700;
    
    /* Subtle Glow Effect */
    text-shadow: 
        0 0 5px var(--footer-glow-blue),
        0 0 10px var(--footer-glow-blue),
        0 0 15px var(--footer-glow-blue);
    
    /* Subtle Pulse Animation */
    animation: copyrightPulse 3s ease-in-out infinite;
}

/* Pulsing Animation untuk © Symbol */
@keyframes copyrightPulse {
    0%, 100% { 
        opacity: 1;
        text-shadow: 
            0 0 5px var(--footer-glow-blue),
            0 0 10px var(--footer-glow-blue);
    }
    50% { 
        opacity: 0.8;
        text-shadow: 
            0 0 8px var(--footer-glow-blue),
            0 0 15px var(--footer-glow-blue),
            0 0 20px var(--footer-glow-blue);
    }
}

/* ═══════════════════════════════════════════════════════════ */
/* 7. SOCIAL MEDIA ICONS (Optional Enhancement) */
/* ═══════════════════════════════════════════════════════════ */
.elementor-800 .elementor-element.elementor-element-3ddbc01 .footer-socials {
    display: inline-flex;
    gap: 15px;
    margin-top: 10px;
}

.elementor-800 .elementor-element.elementor-element-3ddbc01 .footer-socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: var(--footer-transition);
}

.elementor-800 .elementor-element.elementor-element-3ddbc01 .footer-socials a:hover {
    background: linear-gradient(135deg, var(--footer-gradient-start), var(--footer-gradient-end));
    border-color: transparent;
    box-shadow: 
        0 0 20px var(--footer-glow-blue),
        0 0 30px var(--footer-glow-red);
    transform: translateY(-3px) scale(1.1);
}

.elementor-800 .elementor-element.elementor-element-3ddbc01 .footer-socials a::after {
    display: none; /* Remove underline untuk icons */
}

.elementor-800 .elementor-element.elementor-element-3ddbc01 .footer-socials svg,
.elementor-800 .elementor-element.elementor-element-3ddbc01 .footer-socials i {
    width: 18px;
    height: 18px;
    color: var(--footer-text-primary);
    transition: var(--footer-transition);
}

.elementor-800 .elementor-element.elementor-element-3ddbc01 .footer-socials a:hover svg,
.elementor-800 .elementor-element.elementor-element-3ddbc01 .footer-socials a:hover i {
    color: white;
}

/* ═══════════════════════════════════════════════════════════ */
/* 8. DIVIDER - Subtle Separator (Optional) */
/* ═══════════════════════════════════════════════════════════ */
.elementor-800 .elementor-element.elementor-element-3ddbc01 .footer-divider {
    display: inline-block;
    width: 2px;
    height: 16px;
    background: linear-gradient(180deg, 
                rgba(255, 255, 255, 0) 0%, 
                rgba(255, 255, 255, 0.3) 50%, 
                rgba(255, 255, 255, 0) 100%);
    margin: 0 12px;
    vertical-align: middle;
}

/* ═══════════════════════════════════════════════════════════ */
/* 9. YEAR BADGE - Highlighted Current Year (Optional) */
/* ═══════════════════════════════════════════════════════════ */
.elementor-800 .elementor-element.elementor-element-3ddbc01 .footer-year {
    display: inline-block;
    padding: 4px 12px;
    background: rgba(0, 51, 204, 0.1);
    border: 1px solid rgba(0, 51, 204, 0.3);
    border-radius: 15px;
    color: var(--footer-gradient-start);
    font-weight: 600;
    text-shadow: 0 0 5px var(--footer-glow-blue);
    transition: var(--footer-transition);
}

.elementor-800 .elementor-element.elementor-element-3ddbc01 .footer-year:hover {
    background: rgba(0, 51, 204, 0.2);
    box-shadow: 0 0 15px var(--footer-glow-blue);
    transform: scale(1.05);
}

/* ═══════════════════════════════════════════════════════════ */
/* 10. RESPONSIVE DESIGN - Mobile Optimization */
/* ═══════════════════════════════════════════════════════════ */
@media screen and (max-width: 768px) {
    :root {
        --footer-padding: 15px;
        --footer-text-size: 12px;
        --footer-glow-height: 2px;
    }
    
    .elementor-800 .elementor-element.elementor-element-3ddbc01 {
        padding: 15px 10px;
    }
    
    .elementor-800 .elementor-element.elementor-element-3ddbc01 p,
    .elementor-800 .elementor-element.elementor-element-3ddbc01 span,
    .elementor-800 .elementor-element.elementor-element-3ddbc01 div {
        letter-spacing: 0.8px;
    }
    
    .elementor-800 .elementor-element.elementor-element-3ddbc01 a {
        letter-spacing: 0.5px;
    }
    
    .elementor-800 .elementor-element.elementor-element-3ddbc01 a:hover {
        letter-spacing: 1px;
    }
    
    /* Reduce glow intensity untuk mobile performance */
    .elementor-800 .elementor-element.elementor-element-3ddbc01::before {
        box-shadow: 
            0 2px 15px var(--footer-glow-blue),
            0 0 20px var(--footer-glow-red);
    }
    
    .elementor-800 .elementor-element.elementor-element-3ddbc01 a:hover {
        text-shadow: 
            0 0 10px var(--footer-glow-red),
            0 0 20px var(--footer-glow-red);
    }
    
    /* Stack content vertically di mobile */
    .elementor-800 .elementor-element.elementor-element-3ddbc01 .footer-content {
        flex-direction: column;
        gap: 8px;
    }
    
    .elementor-800 .elementor-element.elementor-element-3ddbc01 .footer-divider {
        display: none; /* Hide dividers di mobile */
    }
}

@media screen and (max-width: 480px) {
    .elementor-800 .elementor-element.elementor-element-3ddbc01 {
        padding: 12px 10px;
    }
    
    .elementor-800 .elementor-element.elementor-element-3ddbc01 .footer-socials {
        gap: 12px;
        margin-top: 8px;
    }
    
    .elementor-800 .elementor-element.elementor-element-3ddbc01 .footer-socials a {
        width: 32px;
        height: 32px;
    }
}

/* ═══════════════════════════════════════════════════════════ */
/* 11. ACCESSIBILITY ENHANCEMENTS - WCAG 2.1 Compliance */
/* ═══════════════════════════════════════════════════════════ */

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .elementor-800 .elementor-element.elementor-element-3ddbc01 {
        background: #000;
        border-top: 3px solid #fff;
    }
    
    .elementor-800 .elementor-element.elementor-element-3ddbc01 p,
    .elementor-800 .elementor-element.elementor-element-3ddbc01 span,
    .elementor-800 .elementor-element.elementor-element-3ddbc01 div {
        color: #fff;
    }
    
    .elementor-800 .elementor-element.elementor-element-3ddbc01 a {
        text-decoration: underline;
    }
    
    /* Disable glow effects untuk better readability */
    .elementor-800 .elementor-element.elementor-element-3ddbc01::before,
    .elementor-800 .elementor-element.elementor-element-3ddbc01 a:hover,
    .elementor-800 .elementor-element.elementor-element-3ddbc01 p::first-letter {
        text-shadow: none;
        box-shadow: none;
    }
}

/* Reduced Motion Preference */
@media (prefers-reduced-motion: reduce) {
    .elementor-800 .elementor-element.elementor-element-3ddbc01,
    .elementor-800 .elementor-element.elementor-element-3ddbc01::before,
    .elementor-800 .elementor-element.elementor-element-3ddbc01 a,
    .elementor-800 .elementor-element.elementor-element-3ddbc01 p::first-letter,
    .elementor-800 .elementor-element.elementor-element-3ddbc01 .footer-socials a {
        transition: none;
        animation: none !important;
    }
    
    .elementor-800 .elementor-element.elementor-element-3ddbc01 a:hover {
        transform: none;
    }
}

/* Screen Reader Only Text */
.elementor-800 .elementor-element.elementor-element-3ddbc01 .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* ═══════════════════════════════════════════════════════════ */
/* 12. PRINT OPTIMIZATION */
/* ═══════════════════════════════════════════════════════════ */
@media print {
    .elementor-800 .elementor-element.elementor-element-3ddbc01 {
        background: white !important;
        color: black !important;
        border-top: 2px solid black;
    }
    
    .elementor-800 .elementor-element.elementor-element-3ddbc01::before,
    .elementor-800 .elementor-element.elementor-element-3ddbc01::after {
        display: none !important;
    }
    
    .elementor-800 .elementor-element.elementor-element-3ddbc01 a {
        color: black !important;
        text-decoration: underline;
        text-shadow: none;
    }
    
    .elementor-800 .elementor-element.elementor-element-3ddbc01 p::first-letter {
        text-shadow: none;
    }
}

/* ═══════════════════════════════════════════════════════════ */
/* 13. SPECIAL VARIANTS - Alternative Styles */
/* ═══════════════════════════════════════════════════════════ */

/* Variant 1: Static Glow (No Animation) */
.elementor-800 .elementor-element.elementor-element-3ddbc01.footer-static::before {
    animation: none;
    background: linear-gradient(90deg, var(--footer-gradient-start), var(--footer-gradient-end));
}

/* Variant 2: Subtle Mode (Less Glowy) */
.elementor-800 .elementor-element.elementor-element-3ddbc01.footer-subtle::before {
    box-shadow: 0 2px 10px rgba(0, 51, 204, 0.3);
}

.elementor-800 .elementor-element.elementor-element-3ddbc01.footer-subtle a:hover {
    text-shadow: 0 0 10px var(--footer-glow-red);
}

/* Variant 3: Extreme Neon (Very Bright) */
.elementor-800 .elementor-element.elementor-element-3ddbc01.footer-extreme::before {
    height: 5px;
    box-shadow: 
        0 0 30px var(--footer-glow-blue),
        0 0 50px var(--footer-glow-red),
        0 0 70px rgba(255, 0, 255, 0.5);
}

.elementor-800 .elementor-element.elementor-element-3ddbc01.footer-extreme a:hover {
    text-shadow: 
        0 0 10px white,
        0 0 20px var(--footer-glow-red),
        0 0 40px var(--footer-glow-red),
        0 0 60px var(--footer-glow-red),
        0 0 100px rgba(255, 0, 80, 0.5);
}

/* ═══════════════════════════════════════════════════════════ */
/* 14. BROWSER COMPATIBILITY FIXES */
/* ═══════════════════════════════════════════════════════════ */

/* Safari - Transform rendering fix */
@supports (-webkit-appearance: none) {
    .elementor-800 .elementor-element.elementor-element-3ddbc01,
    .elementor-800 .elementor-element.elementor-element-3ddbc01::before,
    .elementor-800 .elementor-element.elementor-element-3ddbc01 a {
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }
}

/* Firefox - Text shadow compatibility */
@supports (-moz-appearance: none) {
    .elementor-800 .elementor-element.elementor-element-3ddbc01 a:hover {
        text-shadow: 
            0 0 5px var(--footer-glow-white),
            0 0 10px var(--footer-glow-red),
            0 0 20px var(--footer-glow-red);
    }
}

/* Edge - Animation smoothness */
@supports (-ms-ime-align: auto) {
    .elementor-800 .elementor-element.elementor-element-3ddbc01::before {
        animation-timing-function: ease-in-out;
    }
}/* Nekit custom element styles ends here */
/* Nekit custom element styles *//* ═══════════════════════════════════════════════════════════ */
/* 🎨 CSS VARIABLES - Footer Copyright Theme */
/* ═══════════════════════════════════════════════════════════ */
:root {
    /* Brand Colors */
    --footer-gradient-start: #0033cc;
    --footer-gradient-end: #ff0050;
    --footer-accent-blue: #0033cc;
    --footer-accent-red: #ff0050;
    
    /* Background & Text */
    --footer-bg-dark: #0a0a0a;
    --footer-bg-overlay: linear-gradient(180deg, #111 0%, #0a0a0a 100%);
    --footer-text-primary: #b0b0b0;
    --footer-text-hover: #ffffff;
    --footer-text-link: #ffffff;
    
    /* Glow Effects */
    --footer-glow-blue: rgba(0, 51, 204, 0.6);
    --footer-glow-red: rgba(255, 0, 80, 0.8);
    --footer-glow-white: rgba(255, 255, 255, 0.9);
    
    /* Measurements */
    --footer-padding: clamp(20px, 3vw, 30px);
    --footer-glow-height: 3px;
    --footer-text-size: clamp(13px, 1.5vw, 14px);
    
    /* Animation */
    --footer-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --footer-glow-speed: 4s;
}

/* ═══════════════════════════════════════════════════════════ */
/* 1. MAIN FOOTER COPYRIGHT CONTAINER - Dark Elegant Base */
/* ═══════════════════════════════════════════════════════════ */
.elementor-800 .elementor-element.elementor-element-164c0ba {
    /* Background Styling */
    background: var(--footer-bg-overlay);
    background-color: var(--footer-bg-dark);
    
    /* Layout */
    padding: var(--footer-padding) 0;
    text-align: center;
    
    /* Positioning */
    position: relative;
    isolation: isolate;
    
    /* Overflow Management untuk Glow Line */
    overflow: hidden;
    
    /* Border Top (subtle separator) */
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    
    /* Performance Optimization */
    will-change: background;
    transform: translateZ(0);
}

/* Optional: Subtle Noise Texture untuk Premium Look */
.elementor-800 .elementor-element.elementor-element-164c0ba::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.015'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 0;
    opacity: 0.5;
}

/* Ensure content is above texture */
.elementor-800 .elementor-element.elementor-element-164c0ba > * {
    position: relative;
    z-index: 1;
}

/* ═══════════════════════════════════════════════════════════ */
/* 2. ANIMATED NEON GLOW LINE - Brand Gradient with Movement */
/* ═══════════════════════════════════════════════════════════ */
.elementor-800 .elementor-element.elementor-element-164c0ba::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--footer-glow-height);
    
    /* Multi-color Gradient (Blue → Red → Blue) */
    background: linear-gradient(
        90deg,
        var(--footer-gradient-start) 0%,
        var(--footer-gradient-end) 25%,
        #ff00ff 50%, /* Purple middle untuk smooth transition */
        var(--footer-gradient-end) 75%,
        var(--footer-gradient-start) 100%
    );
    background-size: 300% 100%;
    
    /* Smooth Flowing Animation */
    animation: neonFlow var(--footer-glow-speed) linear infinite;
    
    /* Enhanced Multi-layer Glow Effect */
    box-shadow: 
        0 2px 20px var(--footer-glow-blue), /* Outer glow */
        0 4px 30px var(--footer-glow-red), /* Mid glow */
        0 0 40px rgba(255, 0, 255, 0.3), /* Purple ambient */
        0 0 5px var(--footer-glow-white) inset; /* Inner shine */
    
    /* Layering */
    z-index: 10;
    
    /* Performance */
    will-change: background-position;
    transform: translateZ(0);
}

/* Neon Flow Animation - Smooth Gradient Movement */
@keyframes neonFlow {
    0% { background-position: 0% 50%; }
    100% { background-position: 300% 50%; }
}

/* Alternative: Pulsing Glow Effect (uncomment untuk pakai) */
/*
@keyframes neonPulse {
    0%, 100% { 
        opacity: 1;
        box-shadow: 0 2px 20px var(--footer-glow-blue);
    }
    50% { 
        opacity: 0.7;
        box-shadow: 0 4px 40px var(--footer-glow-red);
    }
}

.elementor-800 .elementor-element.elementor-element-164c0ba::before {
    animation: neonFlow var(--footer-glow-speed) linear infinite,
               neonPulse 2s ease-in-out infinite;
}
*/

/* ═══════════════════════════════════════════════════════════ */
/* 3. TEXT STYLING - Elegant Typography */
/* ═══════════════════════════════════════════════════════════ */
.elementor-800 .elementor-element.elementor-element-164c0ba p,
.elementor-800 .elementor-element.elementor-element-164c0ba span,
.elementor-800 .elementor-element.elementor-element-164c0ba div,
.elementor-800 .elementor-element.elementor-element-164c0ba small {
    /* Typography */
    font-size: var(--footer-text-size);
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 1.6;
    
    /* Colors */
    color: var(--footer-text-primary);
    
    /* Spacing */
    margin: 0;
    padding: 0;
    
    /* Enhanced Readability */
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    /* Smooth Transitions */
    transition: var(--footer-transition);
}

/* Flexbox Layout untuk Multi-line Content */
.elementor-800 .elementor-element.elementor-element-164c0ba .footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px 16px;
}

/* ═══════════════════════════════════════════════════════════ */
/* 4. LINKS & INTERACTIVE ELEMENTS - Neon Hover Effect */
/* ═══════════════════════════════════════════════════════════ */
.elementor-800 .elementor-element.elementor-element-164c0ba a {
    /* Typography */
    color: var(--footer-text-link);
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 1px;
    
    /* Positioning untuk Underline Effect */
    position: relative;
    display: inline-block;
    
    /* Smooth Transitions */
    transition: var(--footer-transition);
    
    /* Accessibility */
    outline-offset: 3px;
}

/* Animated Underline (Hidden by Default) */
.elementor-800 .elementor-element.elementor-element-164c0ba a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--footer-gradient-start), var(--footer-gradient-end));
    transition: width 0.3s ease;
}

/* ═══════════════════════════════════════════════════════════ */
/* 5. HOVER EFFECTS - Neon Glow on Links */
/* ═══════════════════════════════════════════════════════════ */
.elementor-800 .elementor-element.elementor-element-164c0ba a:hover,
.elementor-800 .elementor-element.elementor-element-164c0ba a:focus {
    /* Color Change */
    color: var(--footer-gradient-end);
    
    /* Multi-layer Text Glow (Stacked Shadows untuk Realistic Neon) */
    text-shadow: 
        0 0 5px var(--footer-glow-white), /* Inner bright glow */
        0 0 10px var(--footer-glow-red), /* Primary glow */
        0 0 20px var(--footer-glow-red), /* Mid glow */
        0 0 40px var(--footer-glow-red), /* Outer glow */
        0 0 80px rgba(255, 0, 80, 0.4); /* Ambient glow */
    
    /* Letter Spacing Expansion */
    letter-spacing: 2px;
    
    /* Slight Scale Up */
    transform: scale(1.05);
}

/* Underline Expands on Hover */
.elementor-800 .elementor-element.elementor-element-164c0ba a:hover::after,
.elementor-800 .elementor-element.elementor-element-164c0ba a:focus::after {
    width: 100%;
}

/* Keyboard Focus Enhancement (WCAG) */
.elementor-800 .elementor-element.elementor-element-164c0ba a:focus-visible {
    outline: 2px solid var(--footer-gradient-start);
    outline-offset: 4px;
    border-radius: 2px;
}

/* ═══════════════════════════════════════════════════════════ */
/* 6. COPYRIGHT SYMBOL - Glowing Accent */
/* ═══════════════════════════════════════════════════════════ */
.elementor-800 .elementor-element.elementor-element-164c0ba p::first-letter,
.elementor-800 .elementor-element.elementor-element-164c0ba span::first-letter {
    /* Color Enhancement */
    color: var(--footer-gradient-start);
    font-weight: 700;
    
    /* Subtle Glow Effect */
    text-shadow: 
        0 0 5px var(--footer-glow-blue),
        0 0 10px var(--footer-glow-blue),
        0 0 15px var(--footer-glow-blue);
    
    /* Subtle Pulse Animation */
    animation: copyrightPulse 3s ease-in-out infinite;
}

/* Pulsing Animation untuk © Symbol */
@keyframes copyrightPulse {
    0%, 100% { 
        opacity: 1;
        text-shadow: 
            0 0 5px var(--footer-glow-blue),
            0 0 10px var(--footer-glow-blue);
    }
    50% { 
        opacity: 0.8;
        text-shadow: 
            0 0 8px var(--footer-glow-blue),
            0 0 15px var(--footer-glow-blue),
            0 0 20px var(--footer-glow-blue);
    }
}

/* ═══════════════════════════════════════════════════════════ */
/* 7. SOCIAL MEDIA ICONS (Optional Enhancement) */
/* ═══════════════════════════════════════════════════════════ */
.elementor-800 .elementor-element.elementor-element-164c0ba .footer-socials {
    display: inline-flex;
    gap: 15px;
    margin-top: 10px;
}

.elementor-800 .elementor-element.elementor-element-164c0ba .footer-socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: var(--footer-transition);
}

.elementor-800 .elementor-element.elementor-element-164c0ba .footer-socials a:hover {
    background: linear-gradient(135deg, var(--footer-gradient-start), var(--footer-gradient-end));
    border-color: transparent;
    box-shadow: 
        0 0 20px var(--footer-glow-blue),
        0 0 30px var(--footer-glow-red);
    transform: translateY(-3px) scale(1.1);
}

.elementor-800 .elementor-element.elementor-element-164c0ba .footer-socials a::after {
    display: none; /* Remove underline untuk icons */
}

.elementor-800 .elementor-element.elementor-element-164c0ba .footer-socials svg,
.elementor-800 .elementor-element.elementor-element-164c0ba .footer-socials i {
    width: 18px;
    height: 18px;
    color: var(--footer-text-primary);
    transition: var(--footer-transition);
}

.elementor-800 .elementor-element.elementor-element-164c0ba .footer-socials a:hover svg,
.elementor-800 .elementor-element.elementor-element-164c0ba .footer-socials a:hover i {
    color: white;
}

/* ═══════════════════════════════════════════════════════════ */
/* 8. DIVIDER - Subtle Separator (Optional) */
/* ═══════════════════════════════════════════════════════════ */
.elementor-800 .elementor-element.elementor-element-164c0ba .footer-divider {
    display: inline-block;
    width: 2px;
    height: 16px;
    background: linear-gradient(180deg, 
                rgba(255, 255, 255, 0) 0%, 
                rgba(255, 255, 255, 0.3) 50%, 
                rgba(255, 255, 255, 0) 100%);
    margin: 0 12px;
    vertical-align: middle;
}

/* ═══════════════════════════════════════════════════════════ */
/* 9. YEAR BADGE - Highlighted Current Year (Optional) */
/* ═══════════════════════════════════════════════════════════ */
.elementor-800 .elementor-element.elementor-element-164c0ba .footer-year {
    display: inline-block;
    padding: 4px 12px;
    background: rgba(0, 51, 204, 0.1);
    border: 1px solid rgba(0, 51, 204, 0.3);
    border-radius: 15px;
    color: var(--footer-gradient-start);
    font-weight: 600;
    text-shadow: 0 0 5px var(--footer-glow-blue);
    transition: var(--footer-transition);
}

.elementor-800 .elementor-element.elementor-element-164c0ba .footer-year:hover {
    background: rgba(0, 51, 204, 0.2);
    box-shadow: 0 0 15px var(--footer-glow-blue);
    transform: scale(1.05);
}

/* ═══════════════════════════════════════════════════════════ */
/* 10. RESPONSIVE DESIGN - Mobile Optimization */
/* ═══════════════════════════════════════════════════════════ */
@media screen and (max-width: 768px) {
    :root {
        --footer-padding: 15px;
        --footer-text-size: 12px;
        --footer-glow-height: 2px;
    }
    
    .elementor-800 .elementor-element.elementor-element-164c0ba {
        padding: 15px 10px;
    }
    
    .elementor-800 .elementor-element.elementor-element-164c0ba p,
    .elementor-800 .elementor-element.elementor-element-164c0ba span,
    .elementor-800 .elementor-element.elementor-element-164c0ba div {
        letter-spacing: 0.8px;
    }
    
    .elementor-800 .elementor-element.elementor-element-164c0ba a {
        letter-spacing: 0.5px;
    }
    
    .elementor-800 .elementor-element.elementor-element-164c0ba a:hover {
        letter-spacing: 1px;
    }
    
    /* Reduce glow intensity untuk mobile performance */
    .elementor-800 .elementor-element.elementor-element-164c0ba::before {
        box-shadow: 
            0 2px 15px var(--footer-glow-blue),
            0 0 20px var(--footer-glow-red);
    }
    
    .elementor-800 .elementor-element.elementor-element-164c0ba a:hover {
        text-shadow: 
            0 0 10px var(--footer-glow-red),
            0 0 20px var(--footer-glow-red);
    }
    
    /* Stack content vertically di mobile */
    .elementor-800 .elementor-element.elementor-element-164c0ba .footer-content {
        flex-direction: column;
        gap: 8px;
    }
    
    .elementor-800 .elementor-element.elementor-element-164c0ba .footer-divider {
        display: none; /* Hide dividers di mobile */
    }
}

@media screen and (max-width: 480px) {
    .elementor-800 .elementor-element.elementor-element-164c0ba {
        padding: 12px 10px;
    }
    
    .elementor-800 .elementor-element.elementor-element-164c0ba .footer-socials {
        gap: 12px;
        margin-top: 8px;
    }
    
    .elementor-800 .elementor-element.elementor-element-164c0ba .footer-socials a {
        width: 32px;
        height: 32px;
    }
}

/* ═══════════════════════════════════════════════════════════ */
/* 11. ACCESSIBILITY ENHANCEMENTS - WCAG 2.1 Compliance */
/* ═══════════════════════════════════════════════════════════ */

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .elementor-800 .elementor-element.elementor-element-164c0ba {
        background: #000;
        border-top: 3px solid #fff;
    }
    
    .elementor-800 .elementor-element.elementor-element-164c0ba p,
    .elementor-800 .elementor-element.elementor-element-164c0ba span,
    .elementor-800 .elementor-element.elementor-element-164c0ba div {
        color: #fff;
    }
    
    .elementor-800 .elementor-element.elementor-element-164c0ba a {
        text-decoration: underline;
    }
    
    /* Disable glow effects untuk better readability */
    .elementor-800 .elementor-element.elementor-element-164c0ba::before,
    .elementor-800 .elementor-element.elementor-element-164c0ba a:hover,
    .elementor-800 .elementor-element.elementor-element-164c0ba p::first-letter {
        text-shadow: none;
        box-shadow: none;
    }
}

/* Reduced Motion Preference */
@media (prefers-reduced-motion: reduce) {
    .elementor-800 .elementor-element.elementor-element-164c0ba,
    .elementor-800 .elementor-element.elementor-element-164c0ba::before,
    .elementor-800 .elementor-element.elementor-element-164c0ba a,
    .elementor-800 .elementor-element.elementor-element-164c0ba p::first-letter,
    .elementor-800 .elementor-element.elementor-element-164c0ba .footer-socials a {
        transition: none;
        animation: none !important;
    }
    
    .elementor-800 .elementor-element.elementor-element-164c0ba a:hover {
        transform: none;
    }
}

/* Screen Reader Only Text */
.elementor-800 .elementor-element.elementor-element-164c0ba .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* ═══════════════════════════════════════════════════════════ */
/* 12. PRINT OPTIMIZATION */
/* ═══════════════════════════════════════════════════════════ */
@media print {
    .elementor-800 .elementor-element.elementor-element-164c0ba {
        background: white !important;
        color: black !important;
        border-top: 2px solid black;
    }
    
    .elementor-800 .elementor-element.elementor-element-164c0ba::before,
    .elementor-800 .elementor-element.elementor-element-164c0ba::after {
        display: none !important;
    }
    
    .elementor-800 .elementor-element.elementor-element-164c0ba a {
        color: black !important;
        text-decoration: underline;
        text-shadow: none;
    }
    
    .elementor-800 .elementor-element.elementor-element-164c0ba p::first-letter {
        text-shadow: none;
    }
}

/* ═══════════════════════════════════════════════════════════ */
/* 13. SPECIAL VARIANTS - Alternative Styles */
/* ═══════════════════════════════════════════════════════════ */

/* Variant 1: Static Glow (No Animation) */
.elementor-800 .elementor-element.elementor-element-164c0ba.footer-static::before {
    animation: none;
    background: linear-gradient(90deg, var(--footer-gradient-start), var(--footer-gradient-end));
}

/* Variant 2: Subtle Mode (Less Glowy) */
.elementor-800 .elementor-element.elementor-element-164c0ba.footer-subtle::before {
    box-shadow: 0 2px 10px rgba(0, 51, 204, 0.3);
}

.elementor-800 .elementor-element.elementor-element-164c0ba.footer-subtle a:hover {
    text-shadow: 0 0 10px var(--footer-glow-red);
}

/* Variant 3: Extreme Neon (Very Bright) */
.elementor-800 .elementor-element.elementor-element-164c0ba.footer-extreme::before {
    height: 5px;
    box-shadow: 
        0 0 30px var(--footer-glow-blue),
        0 0 50px var(--footer-glow-red),
        0 0 70px rgba(255, 0, 255, 0.5);
}

.elementor-800 .elementor-element.elementor-element-164c0ba.footer-extreme a:hover {
    text-shadow: 
        0 0 10px white,
        0 0 20px var(--footer-glow-red),
        0 0 40px var(--footer-glow-red),
        0 0 60px var(--footer-glow-red),
        0 0 100px rgba(255, 0, 80, 0.5);
}

/* ═══════════════════════════════════════════════════════════ */
/* 14. BROWSER COMPATIBILITY FIXES */
/* ═══════════════════════════════════════════════════════════ */

/* Safari - Transform rendering fix */
@supports (-webkit-appearance: none) {
    .elementor-800 .elementor-element.elementor-element-164c0ba,
    .elementor-800 .elementor-element.elementor-element-164c0ba::before,
    .elementor-800 .elementor-element.elementor-element-164c0ba a {
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }
}

/* Firefox - Text shadow compatibility */
@supports (-moz-appearance: none) {
    .elementor-800 .elementor-element.elementor-element-164c0ba a:hover {
        text-shadow: 
            0 0 5px var(--footer-glow-white),
            0 0 10px var(--footer-glow-red),
            0 0 20px var(--footer-glow-red);
    }
}

/* Edge - Animation smoothness */
@supports (-ms-ime-align: auto) {
    .elementor-800 .elementor-element.elementor-element-164c0ba::before {
        animation-timing-function: ease-in-out;
    }
}/* Nekit custom element styles ends here */
/* Nekit custom element styles *//* 1. Setting Dasar Kontainer Footer */
.elementor-800 .elementor-element.elementor-element-22e7d9e {
    /* Gradasi Hitam Premium (Bukan hitam mati) */
    background: linear-gradient(180deg, #111111 0%, #000000 100%);
    
    /* Membuat sudut atas melengkung (Modern Look) */
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    
    /* Memberi ruang yang cukup */
    padding: 60px 20px 30px 20px;
    
    /* Border tipis di atas agar terlihat sebagai lapisan terpisah (3D Edge) */
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    
    /* Bayangan ke atas (memisahkan footer dari konten body) */
    box-shadow: 0 -15px 40px rgba(0,0,0,0.1);
    
    position: relative;
    z-index: 10;
    overflow: hidden; /* Agar pattern tidak keluar */
}

/* 2. Menambahkan Tekstur Grid Halus (Tech/News Vibe) */
.elementor-800 .elementor-element.elementor-element-22e7d9e:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* Membuat pola titik-titik samar */
    background-image: radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 30px 30px; /* Jarak antar titik */
    
    pointer-events: none; /* Agar tidak mengganggu klik */
    z-index: 0;
}

/* 3. Efek Cahaya Ambient di Pojok (Opsional - Aesthetic) */
.elementor-800 .elementor-element.elementor-element-22e7d9e:after {
    content: "";
    position: absolute;
    top: -100px;
    right: -100px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(0, 51, 204, 0.15) 0%, rgba(0,0,0,0) 70%);
    filter: blur(50px);
    z-index: 0;
}

/* 4. Memastikan Konten di dalam berada di atas background */
.elementor-800 .elementor-element.elementor-element-22e7d9e > .elementor-container {
    position: relative;
    z-index: 2;
}/* Nekit custom element styles ends here */