.auth-section{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;margin-top:-70px;padding:calc(70px + 2rem) 1rem 2rem}.auth-wrapper{width:100%;max-width:420px}.login-card{background:white;border-radius:16px;padding:2.5rem;box-shadow:0 8px 32px rgba(0,0,0,.12)}.login-header{text-align:center;margin-bottom:2rem}.login-logo{margin-bottom:1.5rem}.login-logo img{height:auto;width:auto;max-width:180px}.login-title{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.login-subtitle{font-size:.95rem;color:#666;line-height:1.5}.login-form{gap:1rem}.form-field,.login-form{display:flex;flex-direction:column}.form-field{gap:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-label{font-size:.9rem;font-weight:500;color:#333}.form-input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .2s ease;background:#fafafa}.form-input:focus{border-color:#3D80E4;background:white;outline:none;box-shadow:0 0 0 3px rgba(61,128,228,.1)}.form-input.error{border-color:#dc3545}.form-input::placeholder{color:#9ca3af}.otp-input{text-align:center;letter-spacing:.75em;font-size:1.5rem;font-weight:600}.otp-success-banner{background:#dcfce7;color:#166534;padding:.875rem 1.25rem;border-radius:25px;margin-bottom:1rem;font-size:.9rem;text-align:center;font-weight:500}.otp-inputs{display:flex;gap:.5rem;justify-content:center}.otp-box{width:48px;height:52px;border:2px solid #e5e7eb;border-radius:10px;font-size:1.25rem;font-weight:600;text-align:center;background:#fafafa;transition:all .2s ease;color:#333}.otp-box:focus{outline:none;box-shadow:0 0 0 3px rgba(61,128,228,.1)}.otp-box.filled,.otp-box:focus{border-color:#3D80E4;background:white}.otp-box.error{border-color:#dc3545}.otp-box:disabled{background:#f3f4f6;cursor:not-allowed}.field-error{color:#dc3545;font-size:.85rem}.terms-checkbox{margin-top:.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;color:#555;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#3D80E4;cursor:pointer;flex-shrink:0;margin-top:2px}.checkbox-label span{line-height:1.4}.link{color:#3D80E4;text-decoration:none}.link:hover{text-decoration:underline}.submit-button{width:100%;padding:14px;background:#3D80E4;color:white;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.submit-button:hover:not(:disabled){background:#2d6bc9}.submit-button:disabled{background:#9ca3af;cursor:not-allowed}.submit-button.loading{background:#6ba3f5}.login-success{background:#d4edda;color:#155724;border-radius:10px;border:1px solid #c3e6cb}.login-error,.login-success{padding:.875rem;margin-bottom:1rem;font-size:.9rem;text-align:center}.login-error{background:#f8d7da;color:#721c24;border-radius:10px;border:1px solid #f5c6cb}.signup-link{text-align:center;margin-top:1.5rem;font-size:.9rem;color:#666}.signup-link a{color:#3D80E4;text-decoration:none;font-weight:500}.signup-link a:hover{text-decoration:underline}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:#3D80E4;font-size:.9rem;font-weight:500;cursor:pointer;padding:0;margin-bottom:1rem;transition:color .2s ease}.back-button:hover{color:#2d6bc9}.otp-info{font-size:.95rem;color:#666;margin-bottom:1rem;line-height:1.5}.otp-info strong{color:#333}.resend-button{background:none;border:none;color:#666;font-size:.9rem;cursor:pointer;padding:.75rem;text-align:center;width:100%;margin-top:.5rem}.resend-button:hover:not(:disabled){color:#333}.resend-button:disabled{opacity:.6;cursor:not-allowed}.resend-button .link{color:#3D80E4;text-decoration:underline}.resend-button .link:hover{color:#2d6bc9}.auth-divider{display:flex;align-items:center;text-align:center;margin:.5rem 0}.auth-divider:after,.auth-divider:before{content:"";flex:1;border-bottom:1px solid #e5e7eb}.auth-divider span{padding:0 1rem;color:#9ca3af;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.google-button{width:100%;padding:14px;background:white;color:#333;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.75rem}.google-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.google-button:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.7}.google-button.loading{background:#f9fafb}.google-icon{flex-shrink:0}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.auth-section{padding:1rem;background:linear-gradient(180deg,#1a4b8c,#2d6bc9 25%,#e8f0fa 0,#f5f7fa)}.login-card{padding:1.5rem;border-radius:12px}.login-logo img{max-width:150px}.login-title{font-size:1.25rem}.form-row{grid-template-columns:1fr}.form-input{padding:12px 14px;font-size:16px}.otp-input{font-size:1.25rem}.otp-inputs{gap:.35rem}.otp-box{width:42px;height:48px;font-size:1.1rem}}