.login-container{display:flex;justify-content:center;align-items:center;padding:20px;background:#f5f7fa;min-height:calc(100vh - 70px - 200px)}.login-card{background-color:white;border-radius:10px;padding:30px;width:100%;box-shadow:0 4px 12px rgba(0,0,0,.05);text-align:center}.login-card,.signup-card{margin-top:65px;max-width:500px}.login-card h1,.signup-card{text-align:left}.login-card h1{color:#111827;font-size:2rem;margin-bottom:32px;font-weight:600}.welcome-text{color:#6B7280;font-size:16px;margin-bottom:30px}.login-form{margin-bottom:20px}.form-group{margin-bottom:15px}.form-group input{width:100%;padding:12px 15px;border:1px solid #e1e1e1;border-radius:8px;font-size:16px;outline:none;transition:border-color .3s}.form-field{margin-bottom:16px}.form-field label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#111827}.form-field input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s ease;will-change:border-color;transform:translateZ(0);-webkit-tap-highlight-color:transparent}.password-fields{display:flex;gap:16px;margin-bottom:16px}.half-width{flex:1}.form-field input:focus,.form-group 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{background-color:#111827;color:white;border:none;border-radius:6px;padding:12px;width:100%;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;will-change:background-color;transform:translateZ(0);backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.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{background-color:#9CA3AF;cursor:not-allowed;transform:translateZ(0)}@media (max-width:768px){.login-submit-btn,.signup-submit-btn{transition:background-color .15s ease,transform .1s ease}.login-submit-btn:active,.signup-submit-btn:active{transform:scale(.97) translateZ(0)}}.divider{position:relative;text-align:center;margin:24px 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#E5E7EB}.divider span{position:relative;padding:0 10px;color:#6B7280}.divider span,.google-btn{background-color:white;font-size:14px}.google-btn{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-weight:500;color:#111827;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;will-change:background-color;transform:translateZ(0);backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.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{padding:14px 20px;font-size:16px;font-weight:600;border:2px solid #4285f4;background:#4285F4;color:white;box-shadow:0 4px 12px rgba(66,133,244,.3);border-radius:8px;transition:all .3s ease}.google-btn-primary:hover{background:#357AE8;box-shadow:0 6px 16px rgba(66,133,244,.4);transform:translateY(-2px) translateZ(0)}.google-btn-primary:active{background:#2E6BC7;box-shadow:0 2px 8px rgba(66,133,244,.3);transform:translateY(0) scale(.98) translateZ(0)}.google-btn-primary:disabled{opacity:.6;cursor:not-allowed;background:#9CA3AF;border-color:#9CA3AF;box-shadow:none;transform:translateZ(0)}.google-btn-primary .google-icon,.google-btn-primary [data-next-image],.google-btn-primary img{filter:none!important;background:transparent!important}@media (max-width:768px){.google-btn{transition:background-color .15s ease,transform .1s ease}.google-btn:active{transform:scale(.97) translateZ(0)}}.login-links,.signup-link{margin-top:25px;text-align:center}.login-links p,.signup-link p{color:#6B7280;font-size:14px}.login-links a,.signup-link a{color:#4F46E5;text-decoration:none;font-weight:500}.login-links a:hover,.signup-link a:hover{text-decoration:underline}.success-message{background-color:#f8f9fa;border-radius:8px;padding:20px;margin:20px 0;text-align:center}.success-message p{color:#333;margin-bottom:10px}.error-message{background-color:#ffebee;color:#d32f2f;padding:10px;border-radius:5px;margin-bottom:15px;font-size:14px;text-align:center}@media (max-width:768px){.login-container{min-height:calc(100vh - 60px - 250px);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{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.verification-code-input{width:50px;height:60px;text-align:center;font-size:24px;font-weight:700;border:2px solid #d1d5db;border-radius:8px;outline:none;transition:border-color .2s ease}.verification-code-input:focus{border-color:#4F46E5}.verification-code-input:disabled{background-color:#F3F4F6;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}