.elementor-1230 .elementor-element.elementor-element-cddfef2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-c03ea66 *//* Dark body background */
body{
    margin:0;
    background:#0f062b; /* deep dark */
    overflow-x:hidden;
    position:relative;
}

/* RGB glow effect */
body::before{
    content:"";
    position:fixed;
    top:-200px;
    left:-200px;
    width:600px;
    height:600px;
    background:radial-gradient(circle, rgba(255,0,150,0.6), transparent 70%);
    filter:blur(120px);
    animation:moveGlow1 10s infinite alternate ease-in-out;
    z-index:-1;
}

body::after{
    content:"";
    position:fixed;
    bottom:-200px;
    right:-200px;
    width:600px;
    height:600px;
    background:radial-gradient(circle, rgba(0,200,255,0.6), transparent 70%);
    filter:blur(120px);
    animation:moveGlow2 12s infinite alternate ease-in-out;
    z-index:-1;
}

@keyframes moveGlow1{
    from{ transform:translate(0,0);}
    to{ transform:translate(150px,100px);}
}

@keyframes moveGlow2{
    from{ transform:translate(0,0);}
    to{ transform:translate(-150px,-100px);}
}/* End custom CSS */