.elementor-315 .elementor-element.elementor-element-0f39db1{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-315 .elementor-element.elementor-element-0f39db1:not(.elementor-motion-effects-element-type-background), .elementor-315 .elementor-element.elementor-element-0f39db1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0E14;}.elementor-315 .elementor-element.elementor-element-e064941{--display:grid;--min-height:15px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-315 .elementor-element.elementor-element-6392711{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Plus Jakarta Sans;font-weight:var( --e-global-typography-text-font-weight );}.elementor-315 .elementor-element.elementor-element-3547181{text-align:center;}.elementor-315 .elementor-element.elementor-element-3547181 img{max-width:54%;height:151px;border-style:solid;border-color:#151515;border-radius:100px 100px 100px 100px;box-shadow:0px 0px 71px 0px rgba(31.08880774456522, 124.30903407077032, 181.0234375, 0.93);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Plus Jakarta Sans;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-315 .elementor-element.elementor-element-aa2ea39{text-align:center;}.elementor-315 .elementor-element.elementor-element-aa2ea39 .elementor-heading-title{font-family:"Plus Jakarta Sans", Plus Jakarta Sans;font-size:28px;font-weight:700;text-transform:uppercase;line-height:37px;letter-spacing:3.5px;word-spacing:2px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 10px rgba(0, 96.04260869565222, 248.2, 0.65);color:#F2F2F2;}.elementor-315 .elementor-element.elementor-element-aa2ea39 .elementor-heading-title a:hover, .elementor-315 .elementor-element.elementor-element-aa2ea39 .elementor-heading-title a:focus{color:#E00000;}.elementor-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Plus Jakarta Sans;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Plus Jakarta Sans;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Plus Jakarta Sans;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-widget-login .elementor-login__logged-in-message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Plus Jakarta Sans;font-weight:var( --e-global-typography-text-font-weight );}.elementor-315 .elementor-element.elementor-element-0519740 .elementor-field-group{margin-bottom:14px;}.elementor-315 .elementor-element.elementor-element-0519740 .elementor-form-fields-wrapper{margin-bottom:-14px;}.elementor-315 .elementor-element.elementor-element-0519740 .elementor-field-group > a{color:#FFFFFF;}.elementor-315 .elementor-element.elementor-element-0519740 .elementor-field-group > a:hover{color:#FFFFFF;}body .elementor-315 .elementor-element.elementor-element-0519740 .elementor-field-group > label{padding-bottom:6px;}.elementor-315 .elementor-element.elementor-element-0519740 .elementor-form-fields-wrapper label{color:#FFFFFF;font-family:"Plus Jakarta Sans", Plus Jakarta Sans;font-size:11px;font-weight:400;}.elementor-315 .elementor-element.elementor-element-0519740 .elementor-field-group .elementor-field{color:#5F5151;}.elementor-315 .elementor-element.elementor-element-0519740 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#FFFFFF;}.elementor-315 .elementor-element.elementor-element-0519740 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#FFFFFF;}.elementor-315 .elementor-element.elementor-element-0519740 .elementor-field-group .elementor-select-wrapper::before{color:#FFFFFF;}.elementor-315 .elementor-element.elementor-element-0519740 .elementor-button{color:#FFFFFF;background-color:#23A0EBD6;}.elementor-315 .elementor-element.elementor-element-0519740 .elementor-login__logged-in-message{color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-315 .elementor-element.elementor-element-e064941{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-315 .elementor-element.elementor-element-e064941{--width:39%;}}@media(max-width:767px){.elementor-315 .elementor-element.elementor-element-e064941{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS *//* --- 1. BACKGROUND ANIMATION --- */
/* Ensure you added the HTML widget with the <ul> list at the top of the page for this to work */
.codpox-bg-area {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    overflow: hidden; z-index: -1;
}
.codpox-circles li {
    position: absolute; display: block; list-style: none;
    width: 20px; height: 20px; background: rgba(0, 229, 255, 0.1);
    animation: animate 25s linear infinite; bottom: -150px;
    border: 1px solid rgba(0, 229, 255, 0.15);
}
@keyframes animate {
    0% { transform: translateY(0) rotate(0deg); opacity: 1; border-radius: 0; }
    100% { transform: translateY(-1000px) rotate(720deg); opacity: 0; border-radius: 50%; }
}
/* Randomize positions */
.codpox-circles li:nth-child(1){ left: 25%; width: 80px; height: 80px; animation-delay: 0s; }
.codpox-circles li:nth-child(2){ left: 10%; width: 20px; height: 20px; animation-delay: 2s; animation-duration: 12s; }
.codpox-circles li:nth-child(3){ left: 70%; width: 20px; height: 20px; animation-delay: 4s; }
.codpox-circles li:nth-child(4){ left: 40%; width: 60px; height: 60px; animation-delay: 0s; animation-duration: 18s; }

/* --- 2. GLASS CARD STYLING --- */
/* This targets the container class you just added */
.codpox-login-card {
    background: rgba(13, 17, 23, 0.95); /* Deep dark background */
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1); /* Subtle white border */
    border-radius: 24px;
    padding: 50px;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.6); /* heavy shadow for depth */
}

/* --- 3. FORM INPUTS --- */
/* Turns those white boxes into sleek dark terminals */
.elementor-field-textual {
    background: #050505 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
    height: 50px !important;
    border-radius: 8px !important;
    margin-bottom: 10px !important;
}

.elementor-field-textual:focus {
    border-color: #00E5FF !important;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.15) !important;
}

/* --- 4. BUTTON & TEXT --- */
/* Styles the "Log In" button */
.elementor-button {
    background: linear-gradient(90deg, #00E5FF, #00B2FF) !important;
    color: #000 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    height: 55px !important;
    border-radius: 8px !important;
    width: 100%;
    margin-top: 15px;
    border: none !important;
}

/* Hides the "Remember Me" label to keep it clean */
.elementor-remember-me {
    display: none; 
}

/* Styles "Lost your password?" */
.elementor-lost-password {
    color: #64748b !important;
    font-size: 13px !important;
    text-align: center;
    display: block;
    margin-top: 15px;
}/* End custom CSS */