.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-beige) 0%,var(--secondary-beige) 50%,var(--dark-beige) 100%);padding:2rem}.login-card{width:100%;max-width:450px;background:var(--white);border-radius:16px;box-shadow:0 20px 60px #8b735526;overflow:hidden}.login-header{background:linear-gradient(135deg,var(--accent-brown),var(--dark-beige));color:var(--white);text-align:center;padding:2.5rem 2rem}.login-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;letter-spacing:1px}.login-subtitle{font-size:1rem;opacity:.9;font-weight:400}.login-body{padding:2.5rem 2rem}.login-form .form-group{margin-bottom:2rem}.login-form .form-label{color:var(--accent-brown);font-weight:600;font-size:.95rem}.login-form .form-input{border:2px solid var(--border-light);border-radius:10px;padding:14px 18px;font-size:1.1rem;transition:all .3s ease}.login-form .form-input:focus{border-color:var(--accent-brown);box-shadow:0 0 0 3px #8b73551a;transform:translateY(-1px)}.login-btn{width:100%;padding:16px;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,var(--accent-brown),var(--dark-beige));border:none;border-radius:10px;color:var(--white);cursor:pointer;transition:all .3s ease;letter-spacing:.5px;text-transform:uppercase}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b73554d}.login-btn:active{transform:translateY(0)}.login-footer{text-align:center;padding:1.5rem 2rem;background-color:var(--primary-beige);color:var(--text-light);font-size:.9rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:fadeInUp .6s ease-out}@media (max-width: 480px){.login-container{padding:1rem}.login-card{max-width:100%}.login-header,.login-body{padding:2rem 1.5rem}.login-title{font-size:1.7rem}}