body{height:100%;margin:0;padding:0}body{font-family:Arial,sans-serif;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#f4f4f4;background-attachment:fixed}.login-page{display:flex;justify-content:center;align-items:center;height:100vh;animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card{max-width:395px;width:100%;margin:50px auto;padding:20px;box-shadow:0 0 10px #0000001a;border-radius:8px;animation:slideUp .5s ease-out;will-change:transform,opacity}@media (max-width: 768px){.login-card{margin:20px;max-width:calc(100% - 40px)}}.login-card .ant-form-item{margin-bottom:20px;overflow:hidden}.login-card .ant-btn{border-radius:30px;transition:all .3s ease}.login-card .ant-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.login-card .ant-btn:active{transform:translateY(0)}.login-card .ant-card-head-title{text-align:center;font-size:24px}.login-card .ant-input,.login-card .ant-input-password{transition:all .3s ease}.login-card .ant-input:focus,.login-card .ant-input-password:focus{box-shadow:0 0 0 2px #1890ff33}.content{min-height:120px;display:flex;align-items:center;justify-content:center}