.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);margin:0;padding-top:0!important;margin-top:0!important}.login-card{background:#fff;border-radius:20px;padding:2rem;width:100%;max-width:380px;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-container{display:flex;justify-content:center;margin-bottom:1.5rem}.logo{border-radius:50%;object-fit:contain;width:120px!important;height:120px!important}.login-title{text-align:center;color:#667eea;font-size:1.5rem;margin-bottom:.5rem;font-weight:700}.login-subtitle{text-align:center;color:#666;margin-bottom:1.5rem;font-size:.9rem}.login-form{gap:1.2rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#333;font-weight:600;font-size:.9rem}.form-group input{padding:.875rem 1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#f9f9f9}.form-group input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.login-button{padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.3)}.login-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fee;color:#c33;padding:.875rem;border-radius:8px;border:1px solid #fcc;font-size:.9rem;text-align:center}