body,html{margin:0;padding:0;font-family:Arial,sans-serif;height:100%;width:100%;overflow-x:hidden}.login-page{display:flex;flex-direction:column;min-height:100vh;margin:0;padding:0}.image-section{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-image:url(/_next/static/media/image.809fdcb8.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;justify-content:center;overflow-y:auto;overflow-x:hidden}.image-section,.overlay{display:flex;align-items:center}.overlay{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(100deg,rgba(8,12,36,.82),rgba(8,12,36,.55) 40%,rgba(8,12,36,.15) 68%);flex-direction:row;justify-content:space-between;gap:40px;padding:40px 90px;box-sizing:border-box;text-align:left}.overlay h1{color:#fff;font-size:2.6rem;line-height:1.25;font-weight:700;max-width:460px;margin:0;font-style:inherit;text-shadow:0 4px 30px rgba(0,0,0,.35)}.overlay h1 span{background:linear-gradient(135deg,#93c5fd,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}.form-container{height:auto;max-height:88vh;min-height:300px;max-width:400px;width:100%;flex-shrink:0;background:hsla(0,0%,100%,.82);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);padding:36px 34px;border-radius:20px;border:1px solid hsla(0,0%,100%,.5);box-shadow:0 25px 70px rgba(8,12,36,.4),inset 0 1px 0 hsla(0,0%,100%,.6);text-align:center;position:relative;overflow-y:auto;overflow-x:hidden}.form-container.signup-mode{max-width:min(480px,92vw);max-height:none;overflow:visible;padding:30px 32px;text-align:left}.form-container::-webkit-scrollbar{width:8px}.form-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.form-container::-webkit-scrollbar-thumb{background:#313b96;border-radius:10px}.form-container::-webkit-scrollbar-thumb:hover{background:#252d7a}.form-container .logo{max-width:150px;margin-bottom:20px}.form-container h2{font-size:1.5rem;margin-bottom:20px}.input-group{position:relative;margin-bottom:15px}.input-group label{font-size:.9rem;text-align:left}.input-group input{width:100%;padding:12px 40px 12px 14px;font-size:.95rem;border:1.5px solid rgba(148,163,184,.4);border-radius:12px;line-height:1.5;box-sizing:border-box;background:hsla(0,0%,100%,.65);color:#1e293b;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input-group input::placeholder{color:#94a3b8}.input-group input:focus{outline:none;border-color:#313b96;background:#fff;box-shadow:0 0 0 4px rgba(49,59,150,.12)}.input-group i{position:absolute;right:12px;top:70%;transform:translateY(-50%);font-size:1.1rem;color:#94a3b8;cursor:pointer}.forgot-password{text-align:right;margin-bottom:20px}.forgot-password a{text-decoration:none;color:#007bff}.forgot-password a:hover{text-decoration:underline}button[type=submit]{width:100%;padding:14px;background:linear-gradient(135deg,#313b96,#4c1d95);border:none;color:#fff;font-size:1rem;font-weight:600;letter-spacing:.02em;border-radius:12px;cursor:pointer;box-shadow:0 8px 20px rgba(49,59,150,.35);transition:transform .2s ease,box-shadow .2s ease}button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(49,59,150,.45)}button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.footer{text-align:center;padding:10px 0;background-color:#fff}.footer p{margin:0;font-size:.8rem;color:#666}.logo{width:900px;color:#187be4}.form-container button[type=button],.form-container button[type=submit]{width:100%;padding:14px;background:linear-gradient(135deg,#313b96,#4c1d95);border:none;color:#fff;font-size:1rem;font-weight:600;letter-spacing:.02em;border-radius:12px;cursor:pointer;box-shadow:0 8px 20px rgba(49,59,150,.35);transition:transform .2s ease,box-shadow .2s ease}.form-container button[type=button]:hover,.form-container button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(49,59,150,.45)}.form-container button[type=button]:disabled,.form-container button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.tab-navigation{display:flex;margin-bottom:24px;background:rgba(148,163,184,.18);padding:4px;border-radius:12px;border:none;gap:4px}.tab-button{flex:1;padding:10px 0;background:none;border:none;border-radius:9px;cursor:pointer;font-weight:600;font-size:.85rem;letter-spacing:.03em;color:#64748b;position:relative;transition:all .25s ease}.tab-button.active{color:#fff;background:linear-gradient(135deg,#313b96,#4c1d95);box-shadow:0 4px 14px rgba(49,59,150,.35)}.tab-button.active:after{content:none}.input-group select{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:15px;box-sizing:border-box}.already-have-account{text-align:center;margin-top:15px;color:#666}.two-column-form{flex-direction:column}.form-row,.two-column-form{display:flex;gap:15px;width:100%}.form-row.single-field{justify-content:center}.form-row.single-field .input-group{width:50%}.input-group{flex:1;margin-bottom:0}.input-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.input-group input,.input-group select{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.create-account-btn{width:100%;padding:14px;background:linear-gradient(135deg,#313b96,#4c1d95);color:#fff;border:none;border-radius:12px;font-weight:600;letter-spacing:.02em;margin-top:20px;cursor:pointer;box-shadow:0 8px 20px rgba(49,59,150,.35);transition:transform .2s ease,box-shadow .2s ease}.create-account-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(49,59,150,.45)}.create-account-btn:disabled{background-color:#ccc;cursor:not-allowed}.compact-form{width:100%;max-width:400px;margin:0 auto}.tab-nav{display:flex;margin-bottom:20px;border-bottom:1px solid #e0e0e0}.tab-btn{flex:1;padding:10px 0;background:none;border:none;font-weight:600;color:#666;cursor:pointer;position:relative}.tab-btn.active{color:#313b96}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#313b96}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}.form-group{margin-bottom:0}.form-group.full-width{grid-column:span 2}.form-group label{display:block;font-size:12px;color:#0a0909;margin-bottom:4px;font-weight:500;text-align:left;padding-left:2px}.form-group input,.form-group select{width:100%;padding:9px 12px;border:1.5px solid rgba(148,163,184,.4);border-radius:10px;font-size:13px;box-sizing:border-box;background:hsla(0,0%,100%,.65);color:#1e293b;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#313b96;background:#fff;box-shadow:0 0 0 3px rgba(49,59,150,.12)}.password-input{position:relative}.password-input i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#777;cursor:pointer;font-size:13px}.confirm-password-input{position:relative}.confirm-password-input i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#777;cursor:pointer;font-size:13px}.submit-btn{width:100%;padding:13px;background:linear-gradient(135deg,#313b96,#4c1d95);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;letter-spacing:.02em;margin-top:10px;cursor:pointer;box-shadow:0 8px 20px rgba(49,59,150,.35);transition:transform .2s ease,box-shadow .2s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(49,59,150,.45)}.switch-auth{text-align:center;font-size:12px;color:#64748b;margin-top:15px}.switch-auth span{color:#4c1d95;cursor:pointer;font-weight:600}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999}.forgot-password-container,.otp-phone-screen{padding:20px}.submit-button{width:100%;padding:14px;background:linear-gradient(135deg,#313b96,#4c1d95);border:none;color:#fff;font-size:1rem;font-weight:600;letter-spacing:.02em;border-radius:12px;cursor:pointer;box-shadow:0 8px 20px rgba(49,59,150,.35);transition:transform .2s ease,box-shadow .2s ease;margin-top:10px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px rgba(49,59,150,.45)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media screen and (max-width:768px){.overlay h1{font-size:1.8rem;margin-left:0;margin-bottom:50px}.form-container{position:relative;right:auto;left:auto;top:auto;transform:none;margin:20px auto;max-width:90%;min-height:auto;max-height:85vh;padding:25px}.image-section{align-items:center;justify-content:center}.image-section,.overlay{position:relative;height:auto;min-height:100vh;display:flex}.overlay{justify-content:flex-start;padding-top:40px}.form-row,.overlay{flex-direction:column}.form-row{gap:0}.form-row .input-group{margin-bottom:15px}.form-row.single-field .input-group{width:100%}.form-grid{grid-template-columns:1fr;gap:12px}.form-group.full-width{grid-column:span 1}}@media screen and (max-width:480px){.overlay h1{font-size:1.5rem;margin-bottom:30px;padding:0 10px}.form-container{max-width:95%;padding:20px 15px;margin:15px auto;max-height:80vh;box-shadow:0 1px 5px rgba(0,0,0,.1)}.form-container .logo{max-width:120px;margin-bottom:15px}.form-container h2,.form-container h3{font-size:1.3rem;margin-bottom:15px}.input-group{margin-bottom:12px}.form-group label,.input-group label{font-size:.85rem}.form-group input,.form-group select,.input-group input,.input-group select{padding:10px;font-size:14px}.tab-btn,.tab-button{padding:10px 0;font-size:14px}.create-account-btn,.submit-btn,button[type=submit]{padding:12px;font-size:15px}.form-grid{gap:10px}.footer p{font-size:.75rem}.already-have-account,.switch-auth{font-size:11px}.form-container div[style*="minWidth: 480px"]{min-width:auto!important;max-width:100%!important;padding:20px 15px!important}.form-container input[id^=otp-input-]{width:45px!important;height:45px!important;font-size:20px!important}.form-container div[style*="gap: 12px"]{gap:8px!important}}@media screen and (max-width:360px){.overlay h1{font-size:1.3rem}.form-container{padding:15px 12px;max-height:75vh}.form-container h2,.form-container h3{font-size:1.2rem}.form-group input,.form-group select,.input-group input,.input-group select{padding:8px;font-size:13px}.create-account-btn,.submit-btn,button[type=submit]{padding:10px;font-size:14px}.form-container input[id^=otp-input-]{width:40px!important;height:40px!important;font-size:18px!important}.form-container div[style*="gap: 12px"],.form-container div[style*="gap: 8px"]{gap:6px!important}}@media screen and (max-height:500px) and (orientation:landscape){.image-section,.overlay{min-height:100vh}.overlay{padding:20px 10px}.overlay h1{font-size:1.2rem;margin-bottom:20px}.form-container{margin:10px auto;padding:15px;max-height:90vh}}@media screen and (max-width:768px){.form-container{left:50%;right:auto;transform:translateX(-50%)}}@media screen and (max-width:480px){.form-container{left:50%;right:auto;transform:translateX(-50%)}}