*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%;min-height:100vh;margin:0;padding:0;position:relative;overflow-x:hidden}.auth-container.login-page{background:var(--auth-bg);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.login-page .auth-split{background:var(--card-bg);border-radius:24px;width:100%;max-width:1300px;height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000001a}.login-page .auth-left{background:var(--card-bg);flex-direction:column;flex:1;justify-content:space-between;padding:20px;display:flex;position:relative;overflow:hidden}.login-page .gradient-overlay{background:linear-gradient(135deg,var(--auth-gradient-dark-start)0%,var(--auth-gradient-dark-mid)50%,var(--auth-gradient-dark-end)100%);opacity:.9;pointer-events:none;background-image:url(/gradient-waves.png);background-position:50%;background-size:cover;border-radius:12px;position:absolute;inset:20px;box-shadow:0 4px 20px #00000026,0 1px 4px #0000001a}.login-page .quote-section{z-index:2;padding:20px 20px 0;position:relative}.login-page .quote-label{color:var(--white-70);font-family:var(--font-primary);letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:500}.login-page .content-section{z-index:2;margin-bottom:20px;padding:0 20px 20px;position:relative}.login-page .main-heading{font-family:var(--font-secondary);color:var(--card-bg);letter-spacing:-2px;margin:0 0 18px;font-size:58px;font-weight:600;line-height:1}.login-page .sub-text{font-family:var(--font-primary);color:var(--white-80);margin:0;font-size:14px;font-weight:400;line-height:1.5}.login-page .auth-right{background:var(--card-bg);flex-direction:column;flex:1;width:100%;max-width:100%;padding:20px 50px;display:flex;position:relative;overflow-y:auto}.login-page .brand-tag{font-family:var(--font-primary);color:var(--text-secondary);flex-shrink:0;align-items:center;gap:4px;margin-bottom:15px;font-size:15px;font-weight:600;display:flex}.login-page .brand-tag img{object-fit:contain;flex-shrink:0}.login-page .form-container{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:420px;margin:0 auto;display:flex}.login-page .form-header{text-align:center;flex-shrink:0;margin-bottom:28px}.login-page .form-header h2{font-family:var(--font-secondary);color:var(--text-primary);letter-spacing:-1px;margin:0 0 10px;font-size:38px;font-weight:600}.login-page .form-header p{font-family:var(--font-primary);color:var(--text-muted);margin:0;font-size:13px;font-weight:400}.login-page .auth-form{flex-direction:column;gap:18px;display:flex}.login-page .form-group{flex-direction:column;gap:6px;display:flex}.login-page .form-group label{font-family:var(--font-primary);color:var(--text-secondary);font-size:13px;font-weight:500}.login-page .form-group input{font-family:var(--font-primary);border:1px solid var(--border-light);background:var(--input-bg-light);width:100%;color:var(--text-secondary);border-radius:8px;padding:12px 15px;font-size:14px;transition:all .3s}.login-page .form-group input:focus{border-color:var(--text-secondary);background:var(--card-bg);outline:none}.login-page .form-group input::placeholder{color:var(--text-placeholder)}.login-page .password-input-wrapper{position:relative}.login-page .password-input-wrapper input{width:100%;padding-right:45px}.login-page .toggle-password{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-page .toggle-password:hover{color:var(--text-secondary)}.login-page .form-options{justify-content:space-between;align-items:center;margin-top:-4px;display:flex}.login-page .checkbox-label{font-family:var(--font-primary);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:13px;display:flex}.login-page .checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.login-page .forgot-link{font-family:var(--font-primary);color:var(--text-secondary);font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s}.login-page .forgot-link:hover{opacity:.7}.login-page .btn-primary{font-family:var(--font-primary);background:var(--primary-color);color:var(--white);cursor:pointer;width:100%;box-shadow:none;border:none;border-radius:8px;margin-top:4px;padding:13px;font-size:15px;font-weight:600;transition:all .3s}.login-page .btn-primary:hover{background:var(--button-hover-bg);box-shadow:none;transform:translateY(-1px)}.login-page .btn-google{font-family:var(--font-primary);background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border-light);cursor:pointer;border:1px solid var(--black);border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.login-page .btn-google:hover{background:var(--input-bg-light);border-color:var(--gray-300);transform:translateY(-1px)}.login-page .btn-secondary{font-family:var(--font-primary);color:var(--text-secondary);border:1px solid var(--border-light);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.login-page .btn-secondary:hover{background:var(--input-bg-light);border-color:var(--gray-300);transform:translateY(-1px)}.login-page .auth-divider{color:#9ca3af;align-items:center;margin:20px 0;font-size:13px;font-weight:500;display:flex}.login-page .auth-divider:before,.login-page .auth-divider:after{content:"";background:var(--border-light);flex:1;height:1px}.login-page .auth-divider span{padding:0 16px}.login-page .auth-footer{font-family:var(--font-primary);text-align:center;color:var(--text-muted);flex-shrink:0;margin-top:20px;font-size:13px}.login-page .auth-footer a{color:var(--text-primary);font-weight:600;text-decoration:none;transition:opacity .2s}.login-page .auth-footer a:hover{opacity:.7}.login-page .otp-input-container{flex-wrap:nowrap;justify-content:center;gap:12px;width:100%;margin-bottom:24px;display:flex}.login-page .verification-input{text-align:center;background:var(--input-bg-light);width:50px;height:60px;color:var(--text-secondary);border:2px solid #e5e7eb;border-radius:8px;outline:none;flex-shrink:0;font-size:24px;font-weight:600;transition:all .3s}.login-page .verification-input:focus{background:var(--card-bg);box-shadow:0 0 0 3px #1a1a1a1a;border-color:#1a1a1a!important}.login-page .verification-input:disabled{opacity:.6;cursor:not-allowed}@media (max-width:1024px){.login-page .auth-left{min-height:280px}.login-page .main-heading{font-size:48px}.login-page .auth-right{padding:30px 40px}}@media (max-width:768px){html,body{width:100%;max-width:100vw;position:relative;overflow-x:hidden}.auth-container.login-page{width:100%;max-width:100vw;min-height:100dvh;padding:0;overflow:hidden}.login-page .auth-split{border-radius:0;flex-direction:column;width:100%;max-width:100vw;height:auto;min-height:100dvh;display:flex;overflow:hidden}.login-page .auth-left{display:none}.login-page .auth-right{flex:1;justify-content:flex-start;width:100%;max-width:100vw;height:auto;min-height:100dvh;padding:36px 30px;overflow:hidden}.login-page .brand-tag{margin-top:12px;margin-bottom:28px;font-size:15px}.login-page .form-container{justify-content:flex-start;width:100%;max-width:100%;padding-top:20px;padding-bottom:36px;overflow:hidden}.login-page .form-header{margin-bottom:32px}.login-page .form-header h2{margin-bottom:10px;font-size:34px}.login-page .form-header p{font-size:14px;line-height:1.5}.login-page .auth-form{gap:20px;width:100%}.login-page .form-group{gap:7px;width:100%}.login-page .form-group label{margin-bottom:2px;font-size:14px}.login-page .form-group input{border-radius:10px;width:100%;max-width:100%;min-height:50px;padding:14px 16px;font-size:15px}.login-page .password-input-wrapper{width:100%}.login-page .password-input-wrapper input{padding-right:50px}.login-page .toggle-password{min-width:36px;min-height:36px;padding:6px;right:14px}.login-page .form-options{flex-wrap:wrap;gap:12px;margin-top:-2px;margin-bottom:2px}.login-page .checkbox-label{align-items:center;gap:8px;min-height:36px;padding:4px 0;font-size:13.5px}.login-page .checkbox-label input[type=checkbox]{width:18px;height:18px}.login-page .forgot-link{align-items:center;min-height:36px;padding:4px 0;font-size:13.5px;display:flex}.login-page .btn-primary{border-radius:10px;width:100%;min-height:50px;margin-top:10px;padding:15px 18px;font-size:15px;font-weight:600}.login-page .btn-google{border-radius:10px;width:100%;min-height:50px;padding:14px 18px;font-size:14.5px}.login-page .auth-footer{margin-top:28px;padding-bottom:20px;font-size:14px}.login-page .otp-input-container{gap:8px;margin-bottom:20px}.login-page .verification-input{border-radius:10px;width:45px;height:55px;font-size:22px}}@media (max-width:480px){html,body{width:100%;max-width:100vw;position:relative;overflow:hidden}.login-page .auth-right{width:100%;max-width:100vw;padding:32px 26px;overflow:hidden}.login-page .brand-tag{margin-top:8px;margin-bottom:24px;font-size:14.5px}.login-page .form-container{width:100%;padding-top:16px;padding-bottom:32px}.login-page .form-header{margin-bottom:28px}.login-page .form-header h2{margin-bottom:8px;font-size:30px}.login-page .form-header p{font-size:13.5px}.login-page .auth-form{gap:18px}.login-page .form-group input{min-height:48px;padding:13px 15px;font-size:15px}.login-page .toggle-password{min-width:34px;min-height:34px}.login-page .checkbox-label,.login-page .forgot-link{min-height:34px;font-size:13px}.login-page .btn-primary{min-height:48px;padding:14px 16px;font-size:15px}.login-page .btn-google{min-height:48px;padding:13px 16px;font-size:14px}.login-page .auth-footer{margin-top:24px;padding-bottom:16px;font-size:13.5px}.login-page .otp-input-container{gap:6px;margin-bottom:18px}.login-page .verification-input{width:40px;height:50px;font-size:20px}}@media (max-width:360px){.login-page .auth-right{width:100%;max-width:100vw;padding:28px 22px;overflow:hidden}.login-page .brand-tag{margin-bottom:20px;font-size:14px}.login-page .form-container{padding-top:12px;padding-bottom:28px}.login-page .form-header{margin-bottom:24px}.login-page .form-header h2{margin-bottom:6px;font-size:28px}.login-page .form-header p{font-size:13px}.login-page .auth-form{gap:16px}.login-page .form-group input{min-height:46px;padding:12px 14px;font-size:14.5px}.login-page .btn-primary{min-height:46px;padding:13px 16px;font-size:14.5px}.login-page .btn-google{min-height:46px;padding:12px 16px;font-size:13.5px}.login-page .checkbox-label,.login-page .forgot-link{font-size:12.5px}.login-page .auth-footer{margin-top:20px;padding-bottom:12px;font-size:13px}.login-page .otp-input-container{gap:5px;margin-bottom:16px}.login-page .verification-input{width:38px;height:48px;font-size:18px}}