.router-link{text-decoration:none;color:#000}*{box-sizing:border-box;margin:0;padding:0}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:20px;background:linear-gradient(to bottom,#5400e666 8%,#fff 25%)}.app-title{font-size:clamp(24px,5vw,32px);font-weight:700;color:#673ab7;margin-bottom:clamp(30px,5vh,50px);text-align:center}.login-image{width:clamp(150px,40vw,200px);height:auto;aspect-ratio:1/1;margin-bottom:20px}.login-box{background-color:#fff;padding:clamp(20px,5vw,30px);border-radius:10px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:400px;text-align:center}.login-title{font-size:clamp(20px,2.5vw,24px);font-weight:700;color:#000;margin-bottom:10px}.login-credentials-title{font-size:clamp(14px,2vw,16px);color:#000;margin-bottom:20px}.input-field{width:100%;padding:12px;margin-bottom:20px;border-radius:5px;border:1px solid #ccc;font-size:14px}.login-button{width:100%;background-color:#673ab7;color:#fff;padding:12px;border:none;border-radius:5px;font-size:clamp(14px,2vw,16px);font-weight:700;cursor:pointer;transition:background .3s;margin-top:20px}.login-button:hover{background-color:#5808e2}.password-container{position:relative;width:100%;margin:0 auto}.toggle-password{position:absolute;right:10px;top:36%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#5808e2;font-weight:700;padding:5px}@media (max-width: 480px){.login-container,.login-box{padding:15px}.input-field{padding:10px;font-size:13px}.toggle-password{right:5px;font-size:14px}}@media (max-height: 600px){.login-container{min-height:600px}}