body,html{margin:0;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;height:100%}.login-page,body,html{width:100%;overflow:hidden}.login-page{position:relative;height:100vh;height:100dvh}.image-section{position:fixed;inset:0;background-image:url(/_next/static/media/image.809fdcb8.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;overflow-y:auto;overflow-x:hidden}.overlay{position:relative;height:100vh;height:100dvh;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:48px;padding:40px 6vw;background:linear-gradient(100deg,rgba(8,13,46,.86),rgba(13,20,63,.68) 32%,rgba(13,20,63,.32) 55%,rgba(13,20,63,0) 74%)}.overlay h1{color:#fff;font-size:clamp(1.9rem,3.6vw,3.1rem);line-height:1.25;font-weight:700;max-width:540px;margin:0;text-shadow:0 4px 24px rgba(0,0,0,.25)}.overlay h1 span{color:#a5b4fc;font-style:italic;font-weight:700}.form-container{flex-shrink:0;width:100%;max-width:420px;max-height:90vh;background:#fff;padding:38px 34px;border-radius:22px;box-shadow:0 24px 64px rgba(11,16,56,.4),0 2px 8px rgba(11,16,56,.08);text-align:center;overflow-y:auto;overflow-x:hidden}.form-container::-webkit-scrollbar{width:6px}.form-container::-webkit-scrollbar-track{background:transparent}.form-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.form-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.form-container .logo{max-width:150px;margin-bottom:18px}.form-container h2{font-size:1.5rem;margin-bottom:20px}.input-group{position:relative;margin-bottom:18px;text-align:left}.input-group label{display:block;font-size:.82rem;font-weight:600;color:#374151;margin-bottom:6px}.input-group input{width:100%;padding:12px 42px 12px 14px;font-size:.95rem;border:1.5px solid #e5e7eb;border-radius:10px;background:#f9fafb;line-height:1.5;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input-group input:focus{outline:none;border-color:#313b96;background:#fff;box-shadow:0 0 0 3px rgba(49,59,150,.12)}.input-group i{position:absolute;right:14px;bottom:13px;font-size:1.05rem;color:#9ca3af;cursor:pointer;pointer-events:none}.forgot-password{text-align:right;margin:-6px 0 20px}.forgot-password span{font-size:.85rem;color:#313b96;font-weight:600}.forgot-password span:hover{text-decoration:underline}button[type=submit]{width:100%;padding:13px;background:linear-gradient(135deg,#313b96,#1e3a8a);border:none;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.3px;border-radius:10px;cursor:pointer;box-shadow:0 8px 20px rgba(49,59,150,.3);transition:transform .2s ease,box-shadow .2s ease}button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(49,59,150,.4)}button[type=submit]:disabled{background:linear-gradient(135deg,#cbd5e1,#9ca3af);box-shadow:none;cursor:not-allowed;transform:none}.footer{text-align:center;padding:10px 0;background-color:#fff}.footer p{margin:0;font-size:.8rem;color:#666}.form-container button[type=button],.form-container button[type=submit]{width:100%;padding:13px;background:linear-gradient(135deg,#313b96,#1e3a8a);border:none;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.3px;border-radius:10px;cursor:pointer;box-shadow:0 8px 20px rgba(49,59,150,.3);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 10px 24px rgba(49,59,150,.4)}.form-container button[type=button]:disabled,.form-container button[type=submit]:disabled{background:linear-gradient(135deg,#cbd5e1,#9ca3af);box-shadow:none;cursor:not-allowed;transform:none}.tab-navigation{display:flex;background:#f1f3f9;border-radius:999px;padding:4px;margin-bottom:28px;border-bottom:none}.tab-button{flex:1;padding:10px 0;background:none;border:none;border-radius:999px;cursor:pointer;font-weight:700;font-size:.82rem;letter-spacing:.6px;color:#6b7280;position:relative;transition:background .25s ease,color .25s ease,box-shadow .25s ease}.tab-button:hover:not(.active){color:#313b96}.tab-button.active{background:linear-gradient(135deg,#313b96,#1e3a8a);color:#fff;box-shadow:0 4px 14px rgba(49,59,150,.35)}.input-group select{width:100%;padding:12px 15px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;margin-bottom:15px;box-sizing:border-box;background:#f9fafb}.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}.input-group input,.input-group select{width:100%;box-sizing:border-box}.create-account-btn{width:100%;padding:13px;background:linear-gradient(135deg,#313b96,#1e3a8a);color:#fff;border:none;border-radius:10px;font-weight:700;margin-top:20px;cursor:pointer;box-shadow:0 8px 20px rgba(49,59,150,.3);transition:transform .2s ease,box-shadow .2s ease}.create-account-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(49,59,150,.4)}.create-account-btn:disabled{background:linear-gradient(135deg,#cbd5e1,#9ca3af);box-shadow:none;cursor:not-allowed;transform:none}.compact-form{width:100%;max-width:400px;margin:0 auto}.tab-nav{display:flex;background:#f1f3f9;border-radius:999px;padding:4px;margin-bottom:20px}.tab-btn{flex:1;padding:9px 0;background:none;border:none;border-radius:999px;font-weight:700;font-size:.8rem;color:#6b7280;cursor:pointer;transition:background .25s ease,color .25s ease}.tab-btn.active{background:linear-gradient(135deg,#313b96,#1e3a8a);color:#fff}.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:#374151;margin-bottom:4px;font-weight:600;text-align:left;padding-left:2px}.form-group input,.form-group select{width:100%;padding:9px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13px;box-sizing:border-box;background:#f9fafb;transition:border-color .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)}.confirm-password-input,.password-input{position:relative}.confirm-password-input input,.password-input input{padding-right:36px}.confirm-password-input i,.confirm-password-input span,.password-input i,.password-input span{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#9ca3af;cursor:pointer;font-size:13px;display:flex;align-items:center}.submit-btn{width:100%;padding:12px;background:linear-gradient(135deg,#313b96,#1e3a8a);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;margin-top:10px;cursor:pointer;box-shadow:0 8px 20px rgba(49,59,150,.3);transition:transform .2s ease,box-shadow .2s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(49,59,150,.4)}.submit-btn:disabled{background:linear-gradient(135deg,#cbd5e1,#9ca3af);box-shadow:none;cursor:not-allowed;transform:none}.switch-auth{text-align:center;font-size:12px;color:#666;margin-top:18px}.switch-auth span{color:#313b96;cursor:pointer;font-weight:700}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(8,13,46,.55);display:flex;justify-content:center;align-items:center;z-index:9999}.forgot-password-container,.otp-phone-screen{padding:20px}.forgot-password-container h3,.otp-phone-screen h3{color:#313b96;font-size:1.5rem;font-weight:700;margin-bottom:20px}@media screen and (max-width:900px){.overlay{flex-direction:column;justify-content:flex-start;align-items:center;gap:24px;padding:32px 20px;overflow-y:auto;background:linear-gradient(180deg,rgba(8,13,46,.82),rgba(8,13,46,.72) 55%,rgba(8,13,46,.6))}.overlay h1{font-size:1.7rem;max-width:100%;text-align:center;margin-top:20px}.image-section{position:relative;height:auto;min-height:100vh}.form-container{max-width:92%;margin:10px auto 30px}}@media screen and (max-width:480px){.overlay h1{font-size:1.4rem;padding:0 8px;margin-top:10px}.form-container{max-width:95%;padding:26px 18px;border-radius:18px;max-height:82vh}.form-container .logo{max-width:120px;margin-bottom:14px}.form-container h2,.form-container h3{font-size:1.3rem;margin-bottom:15px}.input-group{margin-bottom:14px}.form-group label,.input-group label{font-size:.85rem}.form-group input,.form-group select,.input-group input,.input-group select{padding:11px 38px 11px 12px;font-size:14px}.tab-btn,.tab-button{padding:9px 0;font-size:12px}.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:42px!important;height:42px!important;font-size:18px!important}.form-container div[style*="gap: 12px"]{gap:8px!important}}@media screen and (max-width:360px){.overlay h1{font-size:1.25rem}.form-container{padding:20px 14px;max-height:78vh}.form-container h2,.form-container h3{font-size:1.15rem}.form-group input,.form-group select,.input-group input,.input-group select{padding:9px 34px 9px 10px;font-size:13px}.create-account-btn,.submit-btn,button[type=submit]{padding:10px;font-size:14px}.form-container input[id^=otp-input-]{width:38px!important;height:38px!important;font-size:16px!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){.overlay{padding:20px 10px}.overlay h1{font-size:1.15rem;margin-top:0}.form-container{margin:10px auto;padding:18px;max-height:90vh}}