*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'DM Sans',sans-serif;background:#0A0A0A;color:#F5F0E8;min-height:100vh;display:flex;align-items:center;justify-content:center}
input{font-family:inherit;color:#F5F0E8}
input::placeholder{color:#6B6252}
@keyframes fadein{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.login-card{animation:fadein .4s ease}
.btn-login{transition:background .15s,color .15s}
.btn-login:hover{background:#C9A84C;color:#0A0A0A}
.field-input{transition:border-color .15s}
.field-input:focus{border-color:#C9A84C;outline:none}
.error-shake{animation:shake .35s}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}