.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:3rem 1rem}.auth-card{width:100%;max-width:28rem;background:white;border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);padding:2rem}.logo-container{margin-bottom:2rem}.logo-container,.logo-wrapper{display:flex;justify-content:center}.logo-wrapper{align-items:center}.logo-image{max-width:100%;height:auto;object-fit:contain}.logo-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.logo-icon span{color:white;font-weight:800;font-size:1.5rem}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:1.75rem;font-weight:800;color:#1f2937;line-height:1}.logo-subtitle{font-size:.75rem;color:#6b7280;margin-top:.125rem}.auth-title{font-size:1.75rem;font-weight:700;text-align:center;color:#1f2937;margin-bottom:.5rem}.auth-subtitle{text-align:center;color:#6b7280;margin-bottom:2rem;font-size:.875rem}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem;text-align:left}.form-input{width:100%;padding:.75rem 1rem;border:2px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s;background-color:#f9fafb;box-sizing:border-box}.form-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1);background-color:white}.btn-primary{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:white;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.btn-primary:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-link{text-align:center;margin-top:1.5rem;color:#6b7280;font-size:.875rem}.auth-link a{color:#10b981;font-weight:600;text-decoration:none}.auth-link a:hover{color:#059669;text-decoration:underline}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid transparent;border-top-color:white;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.checkbox-container{display:flex;align-items:flex-start;margin:1rem 0;gap:.5rem}.checkbox-input{width:1rem;height:1rem;accent-color:#10b981;flex-shrink:0;margin:.125rem 0 0}.checkbox-container .form-label{margin-bottom:0;flex:1;line-height:1.4}.forgot-password{text-align:right;margin-top:.5rem;margin-bottom:1rem}.forgot-password a{color:#10b981;font-size:.875rem;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem}form{display:flex;flex-direction:column}@media (max-width:640px){.auth-container{padding:1rem}.auth-card{padding:1.5rem}.logo-image{width:120px;height:auto}.auth-title{font-size:1.5rem}}