.login-container{background:#f5f7fa;justify-content:center;align-items:center;min-height:calc(100vh - 270px);padding:20px;display:flex}.login-card{text-align:center;background-color:#fff;border-radius:10px;width:100%;max-width:500px;margin-top:65px;padding:30px;box-shadow:0 4px 12px #0000000d}.signup-card{text-align:left;max-width:500px;margin-top:65px}.login-card h1{color:#111827;text-align:left;margin-bottom:32px;font-size:2rem;font-weight:600}.welcome-text{color:#6b7280;margin-bottom:30px;font-size:16px}.login-form{margin-bottom:20px}.form-group{margin-bottom:15px}.form-group input{border:1px solid #e1e1e1;border-radius:8px;outline:none;width:100%;padding:12px 15px;font-size:16px;transition:border-color .3s}.form-field{margin-bottom:16px}.form-field label{color:#111827;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-field input{will-change:border-color;-webkit-tap-highlight-color:transparent;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s;transform:translateZ(0)}.password-fields{gap:16px;margin-bottom:16px;display:flex}.half-width{flex:1}.form-group input:focus,.form-field input:focus{border-color:#4f46e5}.forgot-password{text-align:right;margin-bottom:20px}.forgot-password a{color:#888;font-size:14px;text-decoration:none}.forgot-password a:hover{color:#4f46e5}.login-submit-btn,.signup-submit-btn{color:#fff;cursor:pointer;will-change:background-color;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;background-color:#111827;border:none;border-radius:6px;width:100%;padding:12px;font-size:16px;font-weight:500;transition:background-color .2s;transform:translateZ(0)}.login-submit-btn:hover,.signup-submit-btn:hover{background-color:#1f2937}.login-submit-btn:active,.signup-submit-btn:active{background-color:#0f172a;transform:scale(.98)translateZ(0)}.login-submit-btn:disabled,.signup-submit-btn:disabled{cursor:not-allowed;background-color:#9ca3af;transform:translateZ(0)}@media (max-width:768px){.login-submit-btn,.signup-submit-btn{transition:background-color .15s,transform .1s}.login-submit-btn:active,.signup-submit-btn:active{transform:scale(.97)translateZ(0)}}.divider{text-align:center;margin:24px 0;position:relative}.divider:before{content:"";background-color:#e5e7eb;height:1px;position:absolute;top:50%;left:0;right:0}.divider span{color:#6b7280;background-color:#fff;padding:0 10px;font-size:14px;position:relative}.google-btn{color:#111827;cursor:pointer;will-change:background-color;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:100%;padding:10px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex;transform:translateZ(0)}.google-btn:hover{background-color:#f9fafb}.google-btn:active{background-color:#f3f4f6;transform:scale(.98)translateZ(0)}.google-btn:disabled{opacity:.6;cursor:not-allowed;transform:translateZ(0)}.google-btn-primary{color:#fff;background:#4285f4;border:2px solid #4285f4;border-radius:8px;padding:14px 20px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #4285f44d}.google-btn-primary:hover{background:#357ae8;transform:translateY(-2px)translateZ(0);box-shadow:0 6px 16px #4285f466}.google-btn-primary:active{background:#2e6bc7;transform:translateY(0)scale(.98)translateZ(0);box-shadow:0 2px 8px #4285f44d}.google-btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;background:#9ca3af;border-color:#9ca3af;transform:translateZ(0)}.google-btn-primary img,.google-btn-primary .google-icon,.google-btn-primary [data-next-image]{filter:none!important;background:0 0!important}@media (max-width:768px){.google-btn{transition:background-color .15s,transform .1s}.google-btn:active{transform:scale(.97)translateZ(0)}}.signup-link,.login-links{text-align:center;margin-top:25px}.signup-link p,.login-links p{color:#6b7280;font-size:14px}.signup-link a,.login-links a{color:#4f46e5;font-weight:500;text-decoration:none}.signup-link a:hover,.login-links a:hover{text-decoration:underline}.success-message{text-align:center;background-color:#f8f9fa;border-radius:8px;margin:20px 0;padding:20px}.success-message p{color:#333;margin-bottom:10px}.error-message{color:#d32f2f;text-align:center;background-color:#ffebee;border-radius:5px;margin-bottom:15px;padding:10px;font-size:14px}@media (max-width:768px){.login-container{min-height:calc(100vh - 310px);padding:15px}.login-card{padding:20px}.login-title,.signup-title{font-size:2.5rem!important}.welcome-text{font-size:14px}.password-fields{flex-direction:column;gap:16px}.verification-code-input{width:45px!important;height:55px!important;font-size:20px!important}}.verification-code-container{justify-content:center;gap:12px;margin-bottom:16px;display:flex}.verification-code-input{text-align:center;border:2px solid #d1d5db;border-radius:8px;outline:none;width:50px;height:60px;font-size:24px;font-weight:700;transition:border-color .2s}.verification-code-input:focus{border-color:#4f46e5}.verification-code-input:disabled{cursor:not-allowed;background-color:#f3f4f6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}