body,html{height:100%}body{align-items:center;background:linear-gradient(135deg,var(--body-background-color) 0,color-mix(in srgb,var(--body-background-color) 70%,#000 30%) 100%);background-attachment:fixed;display:flex;justify-content:center}.login-card{border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.1);margin:20px;max-width:450px;padding:48px 40px;width:100%}.login-logo{max-height:80px;max-width:180px;object-fit:contain}.login-card .uk-input{border:2px solid var(--input-border-color);font-size:15px;height:48px;padding-left:48px;transition:all .3s ease}.login-card .uk-input:focus{border-color:var(--btn-primary-background-color);box-shadow:0 0 0 3px rgba(27,70,142,.1)}.login-card .uk-form-icon{color:var(--text-muted-color,#999);width:48px}.login-card .uk-input:focus~.uk-form-icon{color:var(--btn-primary-background-color)}.login-card .uk-button-primary{font-size:16px;font-weight:600;height:48px;letter-spacing:.5px;transition:all .3s ease}.login-card .uk-button-primary:hover{box-shadow:0 10px 25px rgba(0,0,0,.2);transform:translateY(-2px)}.login-card .uk-checkbox{border-radius:4px}.login-card .uk-link-muted{font-size:14px;transition:color .2s ease}.login-card .uk-link-muted:hover{color:var(--btn-primary-background-color)!important}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.login-card.shake{animation:shake .6s ease-in-out}