.signin-container{height:100vh;display:flex;justify-content:center;align-items:center}.signin-box{width:400px;background:hsla(0,0%,100%,.95);color:#333;padding:50px 40px;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.15);text-align:center;border:1px solid hsla(0,0%,87%,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s ease,box-shadow .3s ease;transform:translateY(-20vh)}.signin-box:hover{box-shadow:0 15px 30px rgba(0,0,0,.2)}.signin-title{font-size:30px;font-weight:700;color:#d35400;margin-bottom:25px;text-transform:uppercase;letter-spacing:1px}.input-group{text-align:left;margin-bottom:20px}.input-group label{font-size:14px;color:#444;margin-bottom:6px;display:block;font-weight:700}.input-group input{width:100%;padding:14px;border:2px solid #ccc;border-radius:8px;background:#f9f9f9;color:#333;outline:none;font-size:15px;transition:all .3s ease-in-out}.input-group input:focus{border-color:#d35400;background:#fff;box-shadow:0 0 10px rgba(211,84,0,.3)}.password-input input{flex:1 1;padding-right:40px}.password-input{display:flex;justify-content:right;align-items:center}.toggle-password{position:absolute;right:50px;background:transparent;border:none;font-size:22px;cursor:pointer;color:#e07630;transition:transform .2s}.toggle-password:hover{transform:scale(1.1)}.signin-button{width:100%;padding:14px;font-size:18px;font-weight:700;color:#fff;background:#e13c00;border:none;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 5px 12px rgba(211,84,0,.3)}.signin-button:hover{background:#c73500;box-shadow:0 6px 14px rgba(211,84,0,.5)}.signin-button:disabled,.signin-button:disabled:hover{background:#c84616;box-shadow:0 0 0;color:#dad8d8;cursor:not-allowed;opacity:.7}.signup-link{margin-top:20px;font-size:15px;color:#666}.signup-link a{color:#d35400;text-decoration:none;font-weight:700;transition:.3s}.signup-link a:hover{text-decoration:underline;color:#b74300}@media (max-width:431px){.signin-box{width:300px;padding:20px}.signin-title{font-size:30px;font-weight:700;color:#d35400;margin-bottom:25px;text-transform:uppercase;letter-spacing:1px}.input-group input{padding:12px}.toggle-password{right:33px}.signin-button{margin-top:10px}}@media (max-width:321px){.signin-box{width:275px;padding:20px}.signin-title{font-size:25px}.input-group input{padding:8px}.toggle-password{font-size:17px;right:33px}.signin-button{padding:10px;margin-top:10px}}