.elementor-3385 .elementor-element.elementor-element-5940c08{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-3385 .elementor-element.elementor-element-0b86c07{left:0px;}body.rtl .elementor-3385 .elementor-element.elementor-element-0b86c07{right:0px;}.elementor-3385 .elementor-element.elementor-element-0b86c07{top:0px;}.elementor-3385 .elementor-element.elementor-element-624cb24{--display:flex;--min-height:80vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3385 .elementor-element.elementor-element-8d0262b.elementor-element{--align-self:center;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3385 .elementor-element.elementor-element-9d553f1 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-3385 .elementor-element.elementor-element-9d553f1 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-3385 .elementor-element.elementor-element-9d553f1 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3385 .elementor-element.elementor-element-9d553f1 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3385 .elementor-element.elementor-element-9d553f1 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-3385 .elementor-element.elementor-element-9d553f1 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-3385 .elementor-element.elementor-element-9d553f1 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-3385 .elementor-element.elementor-element-9d553f1 .elementor-field-type-html{padding-bottom:0px;}.elementor-3385 .elementor-element.elementor-element-9d553f1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-3385 .elementor-element.elementor-element-9d553f1 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-3385 .elementor-element.elementor-element-9d553f1 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-3385 .elementor-element.elementor-element-9d553f1 .elementor-button[type="submit"]{color:#ffffff;}.elementor-3385 .elementor-element.elementor-element-9d553f1 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-3385 .elementor-element.elementor-element-9d553f1 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-3385 .elementor-element.elementor-element-9d553f1 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-3385 .elementor-element.elementor-element-9d553f1 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-3385 .elementor-element.elementor-element-9d553f1 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-3385 .elementor-element.elementor-element-9d553f1 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3385 .elementor-element.elementor-element-9d553f1{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:767px){.elementor-3385 .elementor-element.elementor-element-5940c08{--content-width:80%;}}@media(min-width:768px){.elementor-3385 .elementor-element.elementor-element-5940c08{--content-width:40%;}}@media(max-width:1100px) and (min-width:768px){.elementor-3385 .elementor-element.elementor-element-5940c08{--content-width:60%;}}/* Start custom CSS for container, class: .elementor-element-5940c08 *//* 1. Base Setup */
.cyber-section {
    --cyber-primary: #00F0FF; 
    --cyber-secondary: #FF0055; 
    --form-glass: rgba(2, 1, 5, 0.75); 
    position: relative;
    overflow: hidden;
    background-color: #020005; 
    font-family: 'Share Tech Mono', 'Courier New', monospace; 
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}

/* 2. WebGL Canvas & Logo Layer Positioning */
.cyber-section .elementor-widget-html {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}

.cyber-section .cyber-viewport {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start; /* Align logo to top */
    padding-top: 50px; /* Space from top edge */
}

.cyber-section #cyberCanvas {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
}

/* Clear Elementor Wrapper Backgrounds */
html body div.cyber-section div.elementor-widget-wrap,
html body div.cyber-section form.elementor-form,
html body div.cyber-section div.elementor-widget-container {
    background: transparent;
    background-color: transparent;
}



.cyber-section .status-dot {
    width: 6px; height: 6px;
    background-color: var(--cyber-secondary);
    border-radius: 50%;
    box-shadow: 0 0 8px var(--cyber-secondary);
    animation: pulse-dot 1.5s infinite;
}
@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.3; transform: scale(0.8); }
}

/* 4. The Terminal UI Card */
.cyber-section .cyber-glass-card {
    position: relative;
    z-index: 10; 
    background: var(--form-glass);
    padding: 55px 50px;
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    border: 1px solid rgba(0, 240, 255, 0.1); 
    border-top: 2px solid var(--cyber-primary);
    border-bottom: 2px solid var(--cyber-secondary);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0px 30px 80px rgba(0, 0, 0, 0.95);
}

/* 5. Heading & ORIGINAL PULSING DIAMONDS */
html body div.cyber-section h2.elementor-heading-title {
    display: flex; align-items: center; justify-content: center; gap: 20px;
    color: #ffffff; margin-bottom: 40px; font-size: 2rem; font-weight: 800;
    text-transform: uppercase; letter-spacing: 2px;
}

html body div.cyber-section h2.elementor-heading-title::before {
    content: ''; display: block; width: 10px; height: 10px;
    background-color: var(--cyber-primary); box-shadow: 0px 0px 15px var(--cyber-primary);
    transform: rotate(45deg); animation: cyber-pulse-cyan 2.5s infinite alternate ease-in-out;
}
html body div.cyber-section h2.elementor-heading-title::after {
    content: ''; display: block; width: 10px; height: 10px;
    background-color: var(--cyber-secondary); box-shadow: 0px 0px 15px var(--cyber-secondary);
    transform: rotate(45deg); animation: cyber-pulse-magenta 2.5s infinite alternate ease-in-out;
}

@keyframes cyber-pulse-cyan {
    0% { opacity: 0.3; box-shadow: 0 0 5px var(--cyber-primary); transform: rotate(45deg) scale(0.9); }
    100% { opacity: 1; box-shadow: 0 0 25px var(--cyber-primary); transform: rotate(45deg) scale(1.1); }
}
@keyframes cyber-pulse-magenta {
    0% { opacity: 0.3; box-shadow: 0 0 5px var(--cyber-secondary); transform: rotate(45deg) scale(0.9); }
    100% { opacity: 1; box-shadow: 0 0 25px var(--cyber-secondary); transform: rotate(45deg) scale(1.1); }
}

/* 6. FORCE ELEMENTOR INPUTS - UI Focus */
html body div.cyber-section div.elementor-widget-form form.elementor-form div.elementor-field-group {
    position: relative; margin-bottom: 35px; padding: 0px; height: 65px; 
}
html body div.cyber-section div.elementor-widget-form form.elementor-form div.elementor-field-group input.elementor-field.elementor-field-textual {
    width: 100%; height: 65px; line-height: 65px; padding: 0px 16px; 
    background-color: rgba(0, 0, 0, 0.6); 
    border: 1px solid rgba(0, 240, 255, 0.2); border-bottom: 2px solid var(--cyber-primary);
    color: var(--cyber-primary); font-size: 1.15rem; outline: none; border-radius: 0px;
    transition: all 0.3s ease; text-align: right; box-shadow: none; box-sizing: border-box; letter-spacing: 1.5px;
}
html body div.cyber-section div.elementor-widget-form form.elementor-form div.elementor-field-group input.elementor-field::placeholder { color: transparent; }
html body div.cyber-section div.elementor-widget-form form.elementor-form div.elementor-field-group input.elementor-field.elementor-field-textual:focus {
    background-color: rgba(0, 240, 255, 0.05); border-bottom-color: var(--cyber-secondary);
    box-shadow: inset 0px -15px 20px -15px var(--cyber-secondary);
}

/* 7. FLOATING LABELS ENGINE */
html body div.cyber-section div.elementor-widget-form form.elementor-form div.elementor-field-group label.elementor-field-label {
    display: block; position: absolute; right: 18px; top: 23px; 
    color: rgba(0, 240, 255, 0.5); font-size: 1.05rem; pointer-events: none;
    transition: all 0.2s ease-out; z-index: 5; margin: 0px; padding: 0px;
    line-height: 1; text-transform: uppercase; letter-spacing: 1px;
}
html body div.cyber-section div.elementor-widget-form form.elementor-form div.elementor-field-group:focus-within label.elementor-field-label,
html body div.cyber-section div.elementor-widget-form form.elementor-form div.elementor-field-group:has(input.elementor-field:not(:placeholder-shown)) label.elementor-field-label {
    top: -10px; right: 12px; font-size: 0.85rem; color: #ffffff;
    background: #010104; padding: 0px 10px; border: 1px solid var(--cyber-primary);
}

/* 8. ELITE BUTTON STYLING */
html body div.cyber-section div.elementor-widget-form form.elementor-form button.elementor-button.custom-elite-btn-active {
    position: relative; width: 100%; background-color: rgba(255, 0, 85, 0.05);
    border: 1px solid transparent; padding: 24px; margin-top: 20px; cursor: pointer;
    outline: none; overflow: hidden; transition: all 0.3s ease; border-radius: 0px;
    display: flex; justify-content: center; align-items: center; box-shadow: 0 0 15px rgba(255, 0, 85, 0.1);
}
html body div.cyber-section div.elementor-widget-form form.elementor-form button.elementor-button .btn-bracket-v2 {
    position: absolute; width: 25px; height: 25px; border: 2px solid var(--cyber-primary);
    transition: all 0.3s ease; pointer-events: none; box-sizing: border-box;
}
html body div.cyber-section div.elementor-widget-form form.elementor-form button.elementor-button .btn-bracket-v2.top-right { top: 0px; right: 0px; border-bottom: none; border-left: none; }
html body div.cyber-section div.elementor-widget-form form.elementor-form button.elementor-button .btn-bracket-v2.bottom-left { bottom: 0px; left: 0px; border-top: none; border-right: none; }
html body div.cyber-section div.elementor-widget-form form.elementor-form button.elementor-button .submit-text {
    position: relative; z-index: 2; color: var(--cyber-secondary); font-size: 1.3rem;
    font-weight: 800; font-family: inherit; letter-spacing: 2px; text-transform: uppercase; transition: all 0.3s ease;
}
html body div.cyber-section div.elementor-widget-form form.elementor-form button.elementor-button .btn-light-sweep-v2 {
    position: absolute; top: 0px; left: -100%; width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 0, 85, 0.5), transparent);
    transform: skewX(-45deg); z-index: 1; transition: left 0.5s ease;
}
html body div.cyber-section div.elementor-widget-form form.elementor-form button.elementor-button:hover { background-color: rgba(255, 0, 85, 0.1); box-shadow: 0px 0px 30px rgba(255, 0, 85, 0.2); }
html body div.cyber-section div.elementor-widget-form form.elementor-form button.elementor-button:hover .btn-light-sweep-v2 { left: 200%; }
html body div.cyber-section div.elementor-widget-form form.elementor-form button.elementor-button:hover .btn-bracket-v2 { width: 100%; height: 100%; background: rgba(0, 240, 255, 0.05); border-color: #ffffff; }
html body div.cyber-section div.elementor-widget-form form.elementor-form button.elementor-button:hover .submit-text { color: #ffffff; letter-spacing: 4px; text-shadow: 0 0 10px var(--cyber-secondary); }

/* 9. MOBILE OPTIMIZATIONS */
@media (max-width: 767px) {
    .cyber-section .cyber-logo-glitch { font-size: 2.5rem; }
    html body div.cyber-section h2.elementor-heading-title { font-size: 1.5rem; gap: 15px; margin-bottom: 30px; }
    .cyber-section .cyber-glass-card { padding: 35px 20px; margin-top: 120px; }
}/* End custom CSS */