.login-container{display:flex;justify-content:center;align-items:center;min-height:80vh;background-color:#f5f5f5}.login-form-container{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:450px}.login-form-container h2{margin-top:0;color:#333;text-align:center;margin-bottom:20px}.login-description{margin-bottom:20px;color:#666;text-align:center;font-size:14px;line-height:1.5}.login-description code{background-color:#f0f0f0;padding:3px 5px;border-radius:3px;font-size:12px;word-break:break-all}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#555}.form-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.form-input:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 2px #2196f333}.login-button{background-color:#2196f3;color:#fff;border:none;padding:12px;border-radius:4px;cursor:pointer;font-size:16px;margin-top:10px;transition:background-color .2s}.login-button:hover{background-color:#0b7dda}.login-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{background-color:#ffebee;color:#d32f2f;padding:10px;border-radius:4px;margin-bottom:15px;border-left:4px solid #d32f2f}