.contact-page.xploo-form-page,.demo-page.xploo-form-page,.edit-password-page.xploo-form-page,.login-page.xploo-form-page{display:flex;font-family:var(--FONT-FAMILY);min-height:80vh;padding:2rem 0}.contact-container.xploo-form-container,.demo-container.xploo-form-container,.edit-password-container.xploo-form-container,.login-container.xploo-form-container{background:var(--FORM_CONTAINER_BACKGROUND);border-radius:var(--FORM_CONTAINER_BORDER_RADIUS);box-shadow:var(--FORM_CONTAINER_SHADOW);display:flex;flex-direction:column;margin:0 auto;max-width:800px;overflow:hidden;width:var(--FORM_CONTAINER_WIDTH)}.contact-image.xploo-form-header,.demo-header.xploo-form-header,.edit-password-header.xploo-form-header,.login-header.xploo-form-header{align-items:center;background:var(--COLOR_SURFACE_30);color:var(--FORM_HEADER_TEXT_COLOR);display:flex;justify-content:center;overflow:hidden;padding:var(--FORM_HEADER_PADDING);position:relative;text-align:center}.xploo-form-header-content{animation:fadeIn var(--FORM_ANIMATION_DURATION) ease-out var(--FORM_ANIMATION_DELAY) both;margin:0 auto;max-width:800px;position:relative;width:100%;z-index:2}.xploo-form-header h1,.xploo-form-header h2{color:var(--FORM_HEADER_TEXT_COLOR);font-size:var(--FORM_HEADER_TITLE_SIZE);font-weight:700;margin-bottom:1rem;text-align:center}.xploo-form-header p{font-size:var(--FORM_HEADER_SUBTITLE_SIZE);margin:10px;text-align:center}.contact-form-container.xploo-form-content,.demo-form-container.xploo-form-content,.edit-password-form-container.xploo-form-content,.login-form-container.xploo-form-content{animation:fadeIn var(--FORM_ANIMATION_DURATION) ease-out forwards;display:flex;flex-direction:column;justify-content:center}.contact-form.xploo-form,.demo-form.xploo-form,.edit-password-form.xploo-form,.login-form.xploo-form{margin:0 auto;max-width:450px;width:100%}.xploo-form-page .form-outline,.xploo-form-page .xploo-form-field{margin-bottom:var(--FORM_FIELD_MARGIN_BOTTOM);position:relative}.xploo-form-page .form-outline label,.xploo-form-page .xploo-form-label{color:var(--FORM_LABEL_COLOR);display:block;font-size:var(--FORM_LABEL_FONT_SIZE);font-weight:var(--FORM_LABEL_FONT_WEIGHT);margin-bottom:var(--FORM_LABEL_MARGIN_BOTTOM)}.xploo-form-page .form-control,.xploo-form-page .xploo-form-input{background-color:var(--FORM_INPUT_BACKGROUND)!important;border:2px solid var(--FORM_INPUT_BORDER_COLOR)!important;border-radius:var(--FORM_INPUT_BORDER_RADIUS)!important;box-shadow:var(--FORM_INPUT_SHADOW);box-sizing:border-box;color:var(--FORM_INPUT_TEXT_COLOR);font-family:inherit;font-size:var(--FORM_INPUT_FONT_SIZE);outline:none;padding:var(--FORM_INPUT_PADDING);transition:all var(--FORM_TRANSITION_DURATION) ease;width:100%}.xploo-form-page .form-control:focus,.xploo-form-page .xploo-form-input:focus{background-color:var(--FORM_INPUT_BACKGROUND)!important;border-color:var(--FORM_INPUT_BORDER_COLOR_FOCUS)!important;box-shadow:var(--FORM_INPUT_SHADOW_FOCUS)!important}.xploo-form-page .form-control:hover,.xploo-form-page .xploo-form-input:hover{background-color:hsla(0,0%,100%,.95)}.xploo-form-page .input-with-icon,.xploo-form-page .xploo-form-input-container{position:relative;width:100%}.xploo-form-page .input-with-icon .form-control,.xploo-form-page .xploo-form-input-container .xploo-form-input{padding-left:45px}.xploo-form-page .input-with-icon i,.xploo-form-page .xploo-form-icon{color:var(--FORM_ICON_COLOR);height:var(--FORM_ICON_SIZE);left:var(--FORM_ICON_POSITION_LEFT);opacity:.8;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--FORM_TRANSITION_DURATION) ease;width:var(--FORM_ICON_SIZE);z-index:2}.xploo-form-page .form-control:focus~i,.xploo-form-page .input-with-icon:hover i,.xploo-form-page .xploo-form-input-container:hover .xploo-form-icon,.xploo-form-page .xploo-form-input:focus~.xploo-form-icon{color:var(--FORM_ICON_COLOR_FOCUS);opacity:1}.xploo-form-page textarea.form-control,.xploo-form-page textarea.xploo-form-input{min-height:150px;padding-top:1rem;resize:vertical}.xploo-form-page textarea.form-control~i,.xploo-form-page textarea.xploo-form-input~.xploo-form-icon{top:20px;transform:none}.xploo-form-page .password-field-container,.xploo-form-page .xploo-form-password-container{position:relative;width:100%}.xploo-form-page .password-field-container .form-control,.xploo-form-page .xploo-form-password-container .xploo-form-input{padding-left:45px;padding-right:3rem}.xploo-form-page .password-field-container .xploo-form-icon{left:var(--FORM_ICON_POSITION_LEFT)}.xploo-form-page .eye-icon,.xploo-form-page .xploo-form-eye-icon{align-items:center;background-color:hsla(0,0%,100%,.5);border-radius:50%;color:var(--COLOR_SURFACE_40);cursor:pointer;display:flex;height:30px;justify-content:center;padding:5px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all var(--FORM_TRANSITION_DURATION) ease;width:30px;z-index:2}.xploo-form-page .eye-icon:hover,.xploo-form-page .xploo-form-eye-icon:hover{background-color:hsla(0,0%,100%,.8);box-shadow:0 0 8px rgba(255,94,0,.3);color:var(--COLOR_ACTION_50)}.xploo-form-page .eye-icon svg,.xploo-form-page .xploo-form-eye-icon svg{display:block;height:20px;width:20px}.xploo-form-page .form-control.is-invalid,.xploo-form-page .xploo-form-input.is-invalid{border-color:var(--FORM_ERROR_BORDER_COLOR)!important;box-shadow:var(--FORM_ERROR_SHADOW)!important}.xploo-form-page .form-error,.xploo-form-page .xploo-form-error{color:var(--FORM_ERROR_COLOR);display:block;font-size:var(--FORM_ERROR_FONT_SIZE);margin-top:var(--FORM_ERROR_MARGIN_TOP)}.xploo-form-page .checkbox-outline,.xploo-form-page .xploo-form-checkbox-container{align-items:flex-start;display:flex;flex-direction:row-reverse;gap:.75rem;justify-content:flex-end;margin-bottom:var(--FORM_FIELD_MARGIN_BOTTOM)}.xploo-form-page .checkbox-outline label,.xploo-form-page .xploo-form-checkbox-container .xploo-form-label{color:var(--FORM_LABEL_COLOR);cursor:pointer;flex:1;font-size:var(--FORM_LABEL_FONT_SIZE);font-weight:var(--FORM_LABEL_FONT_WEIGHT);margin-bottom:0}.xploo-form-page .checkbox-outline input[type=checkbox],.xploo-form-page .xploo-form-checkbox{accent-color:var(--COLOR_ACTION_50);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.1);border:2px solid var(--FORM_CHECKBOX_BORDER_COLOR);border-radius:var(--FORM_CHECKBOX_BORDER_RADIUS);cursor:pointer;height:var(--FORM_CHECKBOX_SIZE);margin:2px 0 0;padding:0;position:relative;transition:all var(--FORM_TRANSITION_DURATION) ease;width:var(--FORM_CHECKBOX_SIZE)}.xploo-form-page .checkbox-outline input[type=checkbox]:checked,.xploo-form-page .xploo-form-checkbox:checked{background-color:var(--FORM_CHECKBOX_BACKGROUND_CHECKED);border-color:var(--FORM_CHECKBOX_BORDER_COLOR_CHECKED)}.xploo-form-page .checkbox-outline input[type=checkbox]:checked:before,.xploo-form-page .xploo-form-checkbox:checked:before{color:var(--FORM_CHECKBOX_CHECK_COLOR);content:"✓";font-size:var(--FORM_CHECKBOX_CHECK_SIZE);font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.xploo-form-page .checkbox-outline input[type=checkbox]:hover,.xploo-form-page .xploo-form-checkbox:hover{background-color:hsla(0,0%,100%,.15);border-color:var(--COLOR_ACTION_40)}.xploo-form-page .checkbox-outline input[type=checkbox]:focus,.xploo-form-page .xploo-form-checkbox:focus{border-color:var(--COLOR_ACTION_50);box-shadow:0 0 0 2px rgba(255,94,0,.2);outline:none}.xploo-form-page .contact-button,.xploo-form-page .demo-button,.xploo-form-page .login-button,.xploo-form-page .xploo-form-button{align-items:center;background:var(--COLOR_ACTION_50)!important;border:none;border-radius:var(--FORM_BUTTON_BORDER_RADIUS)!important;box-shadow:var(--FORM_BUTTON_SHADOW);color:var(--FORM_BUTTON_COLOR)!important;cursor:pointer;display:flex;font-family:inherit;font-size:var(--FORM_BUTTON_FONT_SIZE);font-weight:var(--FORM_BUTTON_FONT_WEIGHT);gap:10px;height:var(--FORM_BUTTON_HEIGHT);justify-content:center;margin:0 auto 1rem;max-width:300px;overflow:hidden;padding:var(--FORM_INPUT_PADDING);position:relative;text-align:center;text-decoration:none;transition:all var(--FORM_TRANSITION_DURATION) ease;width:70%}.xploo-form-page .login-button{margin-bottom:2rem;margin-top:2rem}.xploo-form-page .contact-button:before,.xploo-form-page .demo-button:before,.xploo-form-page .login-button:before,.xploo-form-page .xploo-form-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%}.xploo-form-page .contact-button:hover:before,.xploo-form-page .demo-button:hover:before,.xploo-form-page .login-button:hover:before,.xploo-form-page .xploo-form-button:hover:before{left:100%}.xploo-form-page .contact-button:hover,.xploo-form-page .demo-button:hover,.xploo-form-page .login-button:hover,.xploo-form-page .xploo-form-button:hover{box-shadow:var(--FORM_BUTTON_SHADOW_HOVER);transform:translateY(-2px)}.xploo-form-page .contact-button:active,.xploo-form-page .demo-button:active,.xploo-form-page .login-button:active,.xploo-form-page .xploo-form-button:active{box-shadow:var(--FORM_BUTTON_SHADOW_ACTIVE);transform:translateY(1px)}.xploo-form-page .demo-button i,.xploo-form-page .xploo-form-button i{transition:transform var(--FORM_TRANSITION_DURATION) ease}.xploo-form-page .demo-button:hover i,.xploo-form-page .xploo-form-button:hover i{transform:translateX(5px)}.xploo-form-page .alert,.xploo-form-page .xploo-form-alert{align-items:center;animation:slideInDown .5s ease-out;border:none;border-radius:var(--FORM_ALERT_BORDER_RADIUS);box-shadow:var(--FORM_ALERT_SHADOW);display:flex;font-size:var(--FORM_ALERT_FONT_SIZE);font-weight:var(--FORM_ALERT_FONT_WEIGHT);line-height:1.5;margin-bottom:var(--FORM_ALERT_MARGIN_BOTTOM);padding:var(--FORM_ALERT_PADDING);position:relative}.xploo-form-page .alert strong,.xploo-form-page .xploo-form-alert strong{font-weight:600;margin-right:.5rem}.xploo-form-page .alert-success,.xploo-form-page .xploo-form-alert.success{background:var(--FORM_ALERT_SUCCESS_BACKGROUND);border-left:var(--FORM_ALERT_SUCCESS_BORDER);color:var(--FORM_ALERT_SUCCESS_COLOR);overflow:hidden;position:relative}.xploo-form-page .alert-success:before,.xploo-form-page .xploo-form-alert.success:before{color:#28a745;content:"✓";font-size:1.2rem;font-weight:700;left:1rem;margin-right:.5rem;position:absolute;top:50%;transform:translateY(-50%)}.xploo-form-page .alert-success strong,.xploo-form-page .xploo-form-alert.success strong{margin-left:2rem}.xploo-form-page .alert-danger,.xploo-form-page .notification-error,.xploo-form-page .xploo-form-alert.error{background:var(--FORM_ALERT_ERROR_BACKGROUND);border-left:var(--FORM_ALERT_ERROR_BORDER);color:var(--FORM_ALERT_ERROR_COLOR);overflow:hidden;position:relative}.xploo-form-page .alert-danger:before,.xploo-form-page .xploo-form-alert.error:before{color:#dc3545;content:"⚠";font-size:1.6rem;font-weight:700;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.xploo-form-page .alert-danger strong,.xploo-form-page .xploo-form-alert.error strong{margin-left:2rem}.xploo-form-page .alert:after,.xploo-form-page .xploo-form-alert:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%}.xploo-form-page .alert:hover:after,.xploo-form-page .xploo-form-alert:hover:after{left:100%}.xploo-form-page .forgot-password,.xploo-form-page .xploo-form-forgot-password{margin-top:1rem;text-align:center}.xploo-form-page .forgot-password a,.xploo-form-page .xploo-form-forgot-password a{color:var(--COLOR_ACTION_50);font-weight:500;text-decoration:none;transition:all var(--FORM_TRANSITION_DURATION) ease}.xploo-form-page .forgot-password a:hover,.xploo-form-page .xploo-form-forgot-password a:hover{color:var(--COLOR_ACTION_60);text-decoration:underline}.xploo-contact-info-section{background:linear-gradient(to right,var(--COLOR_ACTION_50),var(--COLOR_ACTION_70));display:flex;gap:2rem;padding:2rem}.contact-page .xploo-contact-info-item{align-items:center;background-color:hsla(0,0%,100%,.05);border-radius:var(--FORM_INPUT_BORDER_RADIUS);display:flex;flex-basis:calc(33.333% - 1rem);flex-direction:column;justify-content:center;min-width:200px;padding:1.3rem .5rem;text-align:center;transition:transform var(--FORM_TRANSITION_DURATION) ease,box-shadow var(--FORM_TRANSITION_DURATION) ease}.contact-page .xploo-contact-info-item:hover{box-shadow:var(--FORM_INPUT_SHADOW_HOVER);transform:translateY(-2px)}.xploo-contact-info-icon{filter:invert(100%);height:24px;margin-bottom:6px;width:24px}.xploo-contact-info-item h4{font-size:1.1rem;font-weight:600;margin:0}.xploo-contact-info-item h4 a,.xploo-contact-info-item h4 span{color:var(--COLOR_SURFACE_90);display:block;font-size:.95rem;font-weight:400;margin-top:.3rem}.xploo-contact-info-item h4 a:hover{color:var(--WHITE);text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.xploo-form-page .fade-in{animation:fadeIn var(--FORM_ANIMATION_DURATION) ease-out forwards;opacity:0}.xploo-form-page .fade-in-up{animation:fadeInUp var(--FORM_ANIMATION_DURATION) ease-out forwards;animation-delay:.2s;opacity:0}.xploo-form-page .form-outline:first-child,.xploo-form-page .xploo-form-field:first-child{animation:fadeInUp .5s ease-out forwards;animation-delay:.3s;opacity:0}.xploo-form-page .form-outline:nth-child(2),.xploo-form-page .xploo-form-field:nth-child(2){animation:fadeInUp .5s ease-out forwards;animation-delay:.4s;opacity:0}.xploo-form-page .form-outline:nth-child(3),.xploo-form-page .xploo-form-field:nth-child(3){animation:fadeInUp .5s ease-out forwards;animation-delay:.5s;opacity:0}.xploo-form-page .checkbox-outline,.xploo-form-page .xploo-form-field:nth-child(4){animation:fadeInUp .5s ease-out forwards;animation-delay:.6s;opacity:0}.xploo-form-page .xploo-form-field:nth-child(5){animation:fadeInUp .5s ease-out forwards;animation-delay:.7s;opacity:0}@media screen and (max-width:896px){.xploo-form-content{padding:.5rem 2rem}.xploo-contact-info-section{align-items:center;flex-direction:column}.xploo-contact-info-item{max-width:100%}}@media screen and (max-width:480px){.xploo-form-page{padding:1rem 0}.xploo-form-content{padding:var(--FORM_CONTAINER_PADDING_MOBILE)}.xploo-form-header h1,.xploo-form-header h2{font-size:1.8rem}.xploo-form-header p{font-size:1rem}.xploo-form-content h1{font-size:1.5rem}.xploo-form-page .contact-button,.xploo-form-page .demo-button,.xploo-form-page .login-button,.xploo-form-page .xploo-form-button{max-width:none;width:90%}.xploo-form-page .alert,.xploo-form-page .xploo-form-alert{font-size:.9rem;padding:1rem}.xploo-form-page .alert-danger:before,.xploo-form-page .alert-success:before,.xploo-form-page .xploo-form-alert.error:before,.xploo-form-page .xploo-form-alert.success:before{font-size:1rem}.xploo-form-page .alert-danger strong,.xploo-form-page .alert-success strong,.xploo-form-page .xploo-form-alert.error strong,.xploo-form-page .xploo-form-alert.success strong{margin-left:1.5rem}}@media screen and (max-width:320px){.xploo-form-container{width:95%}.xploo-form-content{padding:.5rem 2rem}.xploo-form-header{padding:2rem 1rem}}@media (prefers-contrast:high){.xploo-form-page .form-control,.xploo-form-page .xploo-form-input{border:2px solid var(--COLOR_SURFACE_40)!important}.xploo-form-page .form-control:focus,.xploo-form-page .xploo-form-input:focus{border:3px solid var(--COLOR_ACTION_50)!important}.xploo-form-page .contact-button,.xploo-form-page .demo-button,.xploo-form-page .login-button,.xploo-form-page .xploo-form-button{border:2px solid var(--COLOR_ACTION_60)}}@media (prefers-reduced-motion:reduce){.xploo-form-page .contact-button,.xploo-form-page .demo-button,.xploo-form-page .fade-in,.xploo-form-page .fade-in-up,.xploo-form-page .form-outline,.xploo-form-page .login-button,.xploo-form-page .xploo-form-button,.xploo-form-page .xploo-form-field{animation:none;opacity:1}.xploo-form-page .contact-button,.xploo-form-page .demo-button,.xploo-form-page .eye-icon,.xploo-form-page .form-control,.xploo-form-page .login-button,.xploo-form-page .xploo-form-button,.xploo-form-page .xploo-form-eye-icon,.xploo-form-page .xploo-form-icon,.xploo-form-page .xploo-form-input{transition:none}}@media print{.xploo-form-page{background:#fff;color:#000}.xploo-form-container{background:#fff;box-shadow:none}.xploo-form-header{background:#fff;color:#000}.xploo-form-page .contact-button,.xploo-form-page .demo-button,.xploo-form-page .login-button,.xploo-form-page .xploo-form-button{background:#fff!important;border:2px solid #000;color:#000!important}}