.login-bg{background:linear-gradient(120deg,#f0f7ff 0%,#ede9fe 100%);min-height:100vh;animation:.7s both fade-in}.login-card{background:#fff;border-radius:1.3rem;flex-direction:column;gap:1.2rem;width:100%;max-width:350px;padding:2.5rem 2rem 2rem;animation:.7s both fade-in-up;display:flex;box-shadow:0 8px 32px #1f268721}.login-title{text-align:center;color:#3730a3;letter-spacing:1px;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.login-input{border:1px solid #e5e7eb;border-radius:.7rem;outline:none;width:100%;padding:.7rem 1rem;font-size:1rem;transition:border .2s}.login-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3b82f6 60%,#6366f1 100%);border-radius:.8rem;width:100%;margin-top:.2rem;padding:.7rem 0;font-size:1.08rem;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 12px #3b82f61a}.login-btn:hover:not(.login-btn-disabled){background:linear-gradient(90deg,#2563eb 60%,#7c3aed 100%);transform:translateY(-2px)scale(1.04);box-shadow:0 4px 18px #6366f121}.login-btn-disabled{opacity:.5;cursor:not-allowed}.login-error{color:#dc2626;text-align:center;background:#fef2f2;border-radius:.6rem;padding:.6rem 1rem;font-size:.97rem}.login-info{color:#059669;text-align:center;background:#ecfdf5;border-radius:.6rem;padding:.6rem 1rem;font-size:.97rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}