body{font-family:Arial,sans-serif;margin:0;justify-content:center;height:100vh;background:linear-gradient(135deg,#fde2c1,#fdf8f4,#ffe6d8)}.login-container,body{display:flex;align-items:center}.login-container{border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.1);border:1px solid #fde2c1;text-align:center;gap:20px;padding:30px 40px;max-width:400px;background-color:#fff;width:100%;flex-direction:column}h1{font-weight:700;color:#d38b5d;font-size:1.8em}.error-message,h1{margin-bottom:20px}.error-message{border-radius:8px;box-shadow:inset 0 0 10px rgba(0,0,0,.05);color:#a05a4c;padding:10px;font-size:.9em;background-color:#fde2c1;width:100%}form{display:flex;gap:20px;width:100%;flex-direction:column}form label{font-weight:700;text-align:left;color:#d38b5d;font-size:1em}form input{border-radius:12px;box-shadow:inset 0 2px 8px rgba(0,0,0,.05);border:1px solid #ddd;box-sizing:border-box;padding:12px 15px;font-size:1em;transition:border-color .3s ease,box-shadow .3s ease;background-color:#fdf8f4;width:100%}form input:focus{box-shadow:0 0 8px rgba(211,139,93,.3);outline:none;border-color:#d38b5d}form button{font-weight:700;border-radius:12px;border:none;color:#fff;cursor:pointer;padding:12px;font-size:1em;transition:background-color .3s ease,transform .2s;background-color:#d38b5d;width:100%}form button:hover{transform:scale(1.03);background-color:#a05a4c}