.wraper{width:100%;position:relative}.wraper .login-form{z-index:10;width:100%;max-width:600px;margin:0 auto}.wraper .login-form .step-container{background:0 0;border-radius:40px;flex-direction:column;gap:2rem;padding:2rem;display:flex}.wraper .login-form .step-container .question-section{align-items:center;display:flex}.wraper .login-form .step-container .question-section .cat-image{flex-shrink:0;width:140px;height:160px}.wraper .login-form .step-container .question-section .cat-image img{object-fit:contain;width:100%;height:100%}.wraper .login-form .step-container .question-section .question-title{color:#09101d;text-align:left;z-index:50;background:#cdf6f4;border-radius:12px;margin:0 0 0 20px;padding:10px 15px;font-family:"Baloo Bhaijaan 2",Arial,Helvetica Neue,Helvetica,sans-serif;font-size:16px;font-weight:500;line-height:25px;transition:all .3s;position:relative}.wraper .login-form .step-container .question-section .question-title:before{content:"";z-index:51;border:8px solid #0000;border-left-width:0;border-right:12px solid #cdf6f4;width:0;height:0;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.wraper .login-form .step-container .question-section .question-title:after{content:"";z-index:49;filter:blur(2px);border:6px solid #0000;border-left-width:0;border-right:8px solid #cdf6f4;width:0;height:0;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.wraper .login-form .step-container .question-section .question-title:hover{transform:translateY(-1px);box-shadow:0 6px 25px #cdf6f4}.wraper .login-form .step-container .form-section{z-index:20}.wraper .login-form .step-container .form-section .form-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.wraper .login-form .step-container .form-section .form-grid .form-group{z-index:30;text-align:left;flex-direction:column;gap:.5rem;display:flex;position:relative}.wraper .login-form .step-container .form-section .form-grid .form-group.full-width{grid-column:1/-1}.wraper .login-form .step-container .form-section .form-grid .form-group label{color:#09101d;font-size:.9rem;font-weight:600}.wraper .login-form .step-container .form-section .form-grid .form-group .password-input-wrapper{align-items:center;display:flex;position:relative}.wraper .login-form .step-container .form-section .form-grid .form-group .password-input-wrapper input{z-index:40;color:#09101d;background-color:#fff;border:2px solid #e1e5e9;border-radius:80px;width:100%;height:60px;padding:0 3.5rem 0 1.5rem;font-size:16px;transition:all .3s;position:relative;box-shadow:0 5px #04948c26}.wraper .login-form .step-container .form-section .form-grid .form-group .password-input-wrapper input:focus{border-color:#04948c;outline:none;box-shadow:0 5px #04948c26,0 0 0 3px #007bff1a}.wraper .login-form .step-container .form-section .form-grid .form-group .password-input-wrapper input.error{border-color:#dc3545;box-shadow:0 5px #04948c26,0 0 0 3px #dc35451a}.wraper .login-form .step-container .form-section .form-grid .form-group .password-input-wrapper input::placeholder{color:#999}.wraper .login-form .step-container .form-section .form-grid .form-group .password-input-wrapper .password-toggle-btn{cursor:pointer;color:#666;z-index:50;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;transition:color .3s;display:flex;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}.wraper .login-form .step-container .form-section .form-grid .form-group .password-input-wrapper .password-toggle-btn:hover{color:#04948c}.wraper .login-form .step-container .form-section .form-grid .form-group .password-input-wrapper .password-toggle-btn:focus{outline:none}.wraper .login-form .step-container .form-section .form-grid .form-group .password-input-wrapper .password-toggle-btn:active{transform:translateY(-50%)scale(.95)}.wraper .login-form .step-container .form-section .form-grid .form-group .password-input-wrapper .password-toggle-btn svg{flex-shrink:0;width:24px;height:24px;display:block}.wraper .login-form .step-container .form-section .form-grid .form-group input{z-index:40;color:#09101d;background-color:#fff;border:2px solid #e1e5e9;border-radius:80px;height:60px;padding:0 1.5rem;font-size:16px;transition:all .3s;position:relative;box-shadow:0 5px #04948c26}.wraper .login-form .step-container .form-section .form-grid .form-group input:focus{border-color:#04948c;outline:none;box-shadow:0 5px #04948c26,0 0 0 3px #007bff1a}.wraper .login-form .step-container .form-section .form-grid .form-group input.error{border-color:#dc3545;box-shadow:0 5px #04948c26,0 0 0 3px #dc35451a}.wraper .login-form .step-container .form-section .form-grid .form-group input::placeholder{color:#999}.wraper .login-form .step-container .form-section .form-grid .form-group .error-message{color:#dc3545;margin-top:.25rem;font-size:.8rem}.wraper .login-form .step-container .form-section .form-grid .forgot-password-link{text-align:right;margin-top:-.5rem}.wraper .login-form .step-container .form-section .form-grid .forgot-password-link .link-button{color:#04948c;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s}.wraper .login-form .step-container .form-section .form-grid .forgot-password-link .link-button:hover{color:#037268;text-decoration:underline}.wraper .login-form .step-container .form-section .form-grid .forgot-password-link .link-button:focus{outline:none}.wraper .action-section-login{z-index:1000;justify-content:space-between;align-items:center;gap:20px;width:95%;max-width:1200px;margin:0 auto;display:flex}.wraper .action-section-login .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.wraper .action-section-login .btn-primary{min-width:164px;max-width:fit-content;padding:0 20px}.wraper .action-section-login .btn-secondary{color:#09101d;min-width:164px;max-width:fit-content;box-shadow:none;background:#f4f7f6;padding:0 20px}@media (max-width:768px){.wraper .login-form .step-container{padding:1.5rem 1rem}.wraper .login-form .step-container .form-section .form-grid{grid-template-columns:1fr;gap:1rem}.wraper .login-form .step-container .form-section .form-grid .form-group.full-width{grid-column:1}.wraper .action-section{gap:10px;width:90%;bottom:20px}.wraper .action-section .btn-primary,.wraper .action-section .btn-secondary{min-width:auto;padding:12px 16px;font-size:14px}}