.form-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:420px;padding:3rem 2.5rem;background-color:var(--spicy-paprika);color:var(--vanilla-custard);border-radius:1rem;box-shadow:0 10px 40px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.1);animation:slideIn .4s ease-out}.form-container form{display:flex;flex-direction:column;gap:1.5rem}.form-header{text-align:center;margin-bottom:2.5rem}.form-header .form-icon{display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem}.form-header .form-icon svg{width:3.5rem;height:3.5rem;color:var(--vanilla-custard);filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2))}.form-header h1{font-size:1.8rem;font-weight:700;margin:0;letter-spacing:.5px}.input-group{display:flex;flex-direction:column}.input-group label{font-size:.9rem;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;letter-spacing:.3px;text-transform:uppercase;color:var(--vanilla-custard);opacity:.95}.input-group label svg{width:1.1rem;height:1.1rem}.input-group input[type=text],.input-group input[type=password]{width:100%;padding:.9rem 1rem;font-size:1rem;border:2px solid rgba(0,0,0,0);border-radius:.5rem;background-color:rgba(236,228,183,.15);color:var(--vanilla-custard);transition:all .3s ease;outline:none;box-sizing:border-box}.input-group input[type=text]::placeholder,.input-group input[type=password]::placeholder{color:rgba(236,228,183,.5)}.input-group input[type=text]:focus,.input-group input[type=password]:focus{background-color:rgba(236,228,183,.25);border-color:var(--sage-green);transform:translateY(-2px);box-shadow:0 4px 12px rgba(127,176,105,.3)}.input-group input[type=text]:hover:not(:focus),.input-group input[type=password]:hover:not(:focus){background-color:rgba(236,228,183,.2)}button[type=submit]{width:100%;padding:1rem;margin-top:1rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--spicy-paprika);background-color:var(--vanilla-custard);border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.6rem}button[type=submit] svg{width:1.2rem;height:1.2rem;transition:transform .3s ease}button[type=submit]::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(127, 176, 105, 0.3), transparent);transition:left .5s ease}button[type=submit]:hover{background-color:var(--sage-green);color:var(--vanilla-custard);transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.25)}button[type=submit]:hover svg{transform:translateX(3px)}button[type=submit]:hover::before{left:100%}button[type=submit]:active{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.2)}.error-message{position:absolute;top:2rem;left:50%;transform:translateX(-50%);width:calc(100% - 4rem);max-width:420px;padding:1rem 1.2rem;background-color:var(--light-caramel);color:var(--black);border-radius:.5rem;font-size:.95rem;font-weight:500;box-shadow:0 8px 24px rgba(0,0,0,.25);animation:slideDown .4s ease-out,shake .5s ease;display:flex;align-items:center;gap:.8rem}.error-message svg{width:1.5rem;height:1.5rem;flex-shrink:0}/*# sourceMappingURL=login.css.map */