#login-container{width:400px;margin:50px auto;background-color:var(--bg1);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.6);display:flex;flex-direction:column}#login-header{padding:15px;background-color:#007bff;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #eee;display:flex;justify-content:center;align-items:center}#login-header h3{margin:0;font-size:18px}#login-form{padding:30px;background-color:var(--bg1);border-bottom-left-radius:10px;border-bottom-right-radius:10px}#login-form form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;margin-top:10px}.input-group label{color:var(--text-color);font-size:14px;font-weight:500}.input-group input{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:20px;font-size:14px;box-sizing:border-box;background-color:#fff;color:#333}.input-group input:focus{outline:none;border-color:#007bff}.login-right{text-align:right}.login-center{text-align:center}.login-link a{color:#007bff;font-size:14px;text-decoration:none}.login-link a:hover{text-decoration:underline}#login-button{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:20px;font-size:16px;cursor:pointer;transition:background-color .3s;margin-top:10px}#login-button:hover{background-color:#0056b3}#login-button:active{background-color:#004494}@media(max-width:480px){#login-container{width:90%;margin:20px auto}#login-form{padding:20px}}