.auth-page{min-height:100vh;display:flex;background:#f1f5f9}.auth-left{width:45%;min-width:340px;background:#2563eb;padding:40px 36px;display:flex;flex-direction:column;position:relative;flex-shrink:0}.auth-brand-wrap{display:flex;align-items:center;gap:10px;margin-bottom:32px}.auth-brand-icon{width:40px;height:40px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-brand-name{font-size:20px;font-weight:700;color:#fff}.auth-brand-headline{font-size:36px;font-weight:700;color:#fff;line-height:1.2;margin:0 0 16px;letter-spacing:-.02em}.auth-brand-sub{font-size:15px;color:#bfdbfe;line-height:1.7;margin:0 0 28px}.auth-feature-list{display:flex;flex-direction:column;gap:12px;margin-bottom:auto}.auth-feature-pill{display:flex;align-items:center;gap:10px;background:#ffffff1f;border-radius:10px;padding:12px 16px;font-size:14px;color:#fff;line-height:1.4}.auth-feature-pill svg{flex-shrink:0}.auth-brand-footer{font-size:12px;color:#93c5fd;margin-top:30px}.auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 36px;background:#fff;min-height:100vh;overflow-y:auto}.auth-form-wrap{width:100%;max-width:500px}.auth-heading{font-size:26px;font-weight:700;color:#0f172a;margin:0 0 6px;letter-spacing:-.02em}.auth-sub-text{font-size:14px;color:#64748b;margin:0 0 24px;line-height:1.6}.auth-tab-row{display:flex;border-bottom:1px solid #E2E8F0;margin-bottom:24px;gap:0}.auth-tab{padding:10px 4px;margin-right:24px;border:none;border-bottom:2px solid transparent;background:none;font-size:14px;font-weight:500;color:#94a3b8;cursor:pointer;transition:color .15s ease,border-color .15s ease;margin-bottom:-1px}.auth-tab.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.auth-google-wrap{margin-bottom:16px}.auth-google-btn{width:100%;height:46px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:500;color:#0f172a;cursor:pointer;transition:background .15s ease,border-color .15s ease}.auth-google-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:12px;margin-bottom:20px}.auth-divider-line{flex:1;height:1px;background:#e2e8f0}.auth-divider-text{font-size:12px;color:#94a3b8;white-space:nowrap}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label-row{display:flex;align-items:center;justify-content:space-between}.auth-label{font-size:13px;font-weight:500;color:#334155}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input{height:46px;padding:0 14px;border:1.5px solid transparent;border-radius:12px;font-size:15px;color:#0f172a;outline:none;width:100%;box-sizing:border-box;background:#f1f5f9;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.auth-input::placeholder{color:#94a3b8}.auth-input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.auth-input.has-error{border-color:#dc2626;background:#fef2f2}.auth-input.has-icon{padding-right:44px}.auth-eye-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;color:#94a3b8;line-height:1}.auth-btn-primary{width:100%;height:48px;background:#2563eb;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;margin-top:4px;transition:background .15s ease,transform .1s ease;font-family:inherit}.auth-btn-primary:hover:not(:disabled){background:#1d4ed8}.auth-btn-primary:active:not(:disabled){transform:scale(.99)}.auth-btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-forgot-link{background:none;border:none;color:#2563eb;font-size:13px;cursor:pointer;padding:0;font-weight:500;font-family:inherit;flex-shrink:0}.auth-back-link{background:none;border:none;color:#2563eb;font-size:14px;cursor:pointer;padding:0 0 24px;display:block;font-weight:500;font-family:inherit;text-align:left}.auth-error-box{background:#fef2f2;border:1px solid #FECACA;border-radius:12px;padding:12px 14px;font-size:13px;color:#dc2626;line-height:1.5}.auth-inline-error{font-size:12px;color:#dc2626}.auth-success-box{text-align:center;padding:20px 0}.auth-success-icon{width:56px;height:56px;background:#d1fae5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.auth-terms-text{font-size:12px;color:#94a3b8;text-align:center;line-height:1.6;margin:4px 0 0}.auth-mobile-banner{display:none}@media (max-width: 1023px){.auth-left{display:none}html,body,#root{background:#2563eb}.auth-page{flex-direction:column;background:#2563eb;min-height:100vh}.auth-mobile-banner{display:block;padding:52px 48px 64px;flex-shrink:0}.auth-mobile-banner-icon{display:none}.auth-mobile-banner-name{font-size:22px;font-weight:700;color:#fff;display:block;margin-bottom:6px}.auth-mobile-banner-sub{font-size:15px;color:#bfdbfe;font-weight:400;display:block}.auth-right{flex:1;background:#fff;border-radius:28px 28px 0 0;padding:44px 48px 56px;align-items:center;min-height:unset;margin-top:-24px;box-shadow:0 -4px 24px #0000001a}.auth-form-wrap{max-width:520px;width:100%}}@media (max-width: 767px){html,body,#root{background:#2563eb}.auth-page{flex-direction:column;background:#2563eb;min-height:100vh}.auth-mobile-banner{display:block;padding:44px 24px 52px;flex-shrink:0}.auth-mobile-banner-icon{display:none}.auth-mobile-banner-name{font-size:20px;font-weight:700;color:#fff;display:block;margin-bottom:6px}.auth-mobile-banner-sub{font-size:14px;color:#bfdbfe;font-weight:400;display:block}.auth-right{flex:1;background:#fff;border-radius:24px 24px 0 0;padding:32px 24px 40px;align-items:flex-start;min-height:unset;margin-top:-20px;box-shadow:0 -2px 20px #00000014}.auth-form-wrap{max-width:100%;width:100%}.auth-heading{font-size:24px}.auth-sub-text{font-size:13px;margin-bottom:20px}.auth-tab-row{margin-bottom:20px}.auth-tab{font-size:14px}.auth-google-btn,.auth-btn-primary{height:50px;font-size:15px;border-radius:14px}.auth-input{height:50px;font-size:16px;border-radius:12px}.auth-form{gap:14px}}@media (max-width: 359px){.auth-mobile-banner{padding:36px 20px 44px}.auth-right{padding:28px 20px 36px}.auth-heading{font-size:21px}}
