.login-container{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-heading{border-radius:12px;flex-direction:column;width:400px;padding:20px;display:flex}.login-box{box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:420px;padding:40px 30px;display:flex;box-shadow:0 10px 40px #0000001a}.login-box h1{text-align:center;color:#2c3e50;margin-bottom:24px;font-size:28px;font-weight:600}.input{box-sizing:border-box;border:2px solid #e0e6ed;border-radius:8px;outline:none;width:100%;margin-bottom:16px;padding:14px 16px;font-size:15px;transition:all .3s}.input:focus{border-color:#678bee;box-shadow:0 0 0 3px #678bee26}.input.err{border-color:red}.err-text{color:red;margin-bottom:10px;font-size:12px}.input:hover{border-color:#2a81c4}.label{color:#4a5568;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.button{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#678bee 0%,#5a7bd8 100%);border:none;border-radius:8px;width:100%;max-width:220px;margin:20px auto 0;padding:14px 20px;font-size:16px;font-weight:600;transition:all .3s;display:block;box-shadow:0 4px 15px #678bee4d}.button:hover{background:linear-gradient(135deg,#5a7bd8 0%,#4a6cc8 100%);transform:translateY(-2px);box-shadow:0 6px 20px #678bee66}.button:active{transform:translateY(0)}.button:disabled{opacity:.7;cursor:not-allowed;transform:none}.image-container,.image{display:none}.login{color:#678bee;text-align:center;margin-top:20px;font-weight:600;text-decoration:none;transition:color .3s;display:block}.login:hover{color:#5a7bd8;text-decoration:underline}@media (min-width:768px){.login-container{padding:30px}.login-box{max-width:450px;padding:50px 40px}.login-box h1{font-size:32px}}@media (min-width:1024px){.login-container{justify-content:space-between;gap:60px;padding:40px 80px}.login-box{margin-left:60px;padding:50px}.image-container{flex-shrink:0;margin-right:60px;display:block}.image{object-fit:contain;border-radius:16px;width:100%;max-width:550px;height:auto;display:block}}@media (min-width:1280px){.login-container{padding:40px 100px}.login-box{max-width:480px;margin-left:100px}.image-container{margin-right:100px}.image{max-width:600px}}@media (min-width:1024px){.image{width:600px;height:500px;margin-right:100px}}@media (max-width:480px){.login-box{padding:30px 20px;box-shadow:0 5px 25px #00000014}.login-box h1{margin-bottom:20px;font-size:24px}.input{padding:12px 14px;font-size:14px}.button{max-width:200px;padding:12px 16px;font-size:15px}.login{font-size:14px}}