.login-container{background:linear-gradient(135deg,#1a0e0a 0%,#2d1810 30%,#1a0e0a 60%,#0d0604 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.login-bg-pattern{background-image:radial-gradient(circle at 20%,#8b5a2b26 0%,#0000 50%),radial-gradient(circle at 80% 20%,#c48e481a 0%,#0000 50%),radial-gradient(circle at 50% 80%,#8b5a2b14 0%,#0000 50%);animation:15s ease-in-out infinite bgFloat;position:absolute;inset:0}@keyframes bgFloat{0%,to{opacity:1}50%{opacity:.7}}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;background:#23160fd9;border:1px solid #8b5a2b4d;border-radius:20px;width:100%;max-width:420px;padding:3rem 2.5rem;animation:.6s ease-out cardAppear;position:relative;box-shadow:0 25px 50px #00000080,0 0 100px #8b5a2b1a}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-header{text-align:center;margin-bottom:2rem}.login-logo{justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 1rem;font-size:3.5rem;animation:3s ease-in-out infinite logoFloat;display:flex}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.login-title{color:#e8d5c0;letter-spacing:-.02em;margin:0;font-family:Inter,sans-serif;font-size:1.75rem;font-weight:700}.login-subtitle{color:#c4a682b3;margin:.25rem 0 0;font-size:.875rem;font-weight:400}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-error{color:#f87171;background:#dc353526;border:1px solid #dc35354d;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;animation:.4s ease-out shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:#c4a682cc;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500}.form-input{color:#e8d5c0;background:#140c0899;border:1px solid #8b5a2b40;border-radius:10px;outline:none;padding:.875rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;transition:all .3s}.form-input::placeholder{color:#c4a68259}.form-input:focus{background:#140c08cc;border-color:#c48e4899;box-shadow:0 0 0 3px #c48e481a}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5a2b 0%,#c48e48 100%);border:none;border-radius:10px;margin-top:.5rem;padding:.9rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.login-button:before{content:"";background:linear-gradient(135deg,#0000 0%,#ffffff1a 50%,#0000 100%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.login-button:hover:not(:disabled):before{transform:translate(100%)}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px #8b5a2b66}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;border-top:1px solid #8b5a2b26;margin-top:2rem;padding-top:1.5rem}.login-footer p{color:#c4a68266;margin:0;font-size:.75rem}