*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:#f8f8f8;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding-top:75px}#app{width:100%;max-width:360.33px}.login-container{display:flex;flex-direction:column;background-color:#fff;overflow:hidden;box-shadow:0 2px 10px #0000000d}.login-tabs{display:flex;background-color:#f8f8f8;border-bottom:1px solid #f0f0f0}.tab-btn{flex:1;padding:15px 0;background:none;border:none;cursor:pointer;font-size:16px;font-weight:700;color:#fff;background-color:#e4534d;transition:background-color .2s,color .2s}.tab-btn.active{background-color:#fff;box-shadow:0 -2px 10px #0000001a}.login-form-container{padding:20px}.language-selector{display:flex;justify-content:flex-start;margin-bottom:20px}.language-btn{display:flex;align-items:center;cursor:pointer;padding:5px 10px;border-radius:4px}.red-dot{width:16px;height:16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA/1BMVEX////3z87qfHjhQz7eLijrfXn40M/+9vbqd3PeLSfqeXX+9/flWVXlW1b++PfqenffNCXjSiDrfnr41dTgNiXhPSP3wAfhPyPeLyn519Xsg4DgNyXujhLhOyTfNSXshoLjTUjiRSLkUB/thRT50APlVh7gNSXfMib1sgrnYhvjT0rfNjDzqwv83gD61gLqdBfeLifhOiTgNzHgOTPhPCTxnQ7gOjXkUk3qcRjsfhXjRSLzpwzfMSbfMyblWh3kVE/tjYneLyfjRiHtj4z64N/fMSv2uAj64eHtjYrukY3//fzobWnob2vuko/fMy3ulJH75eTulpPmXlnvlpP75eU26uvKAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAASAAAAEgARslrPgAAAAd0SU1FB+MFCAslDlJOdhIAAADGSURBVBjTRU+LVoJQEFwFrQnLSg2T8EERPiBLy1LRXpJKhYb+/7e4wD055+zemTl77s4SMVJpSZalTJYSHBxC4EiJtJLDP45P2MgLcXrG7ZyoIPNb5CpdqED5kirMtSvErl5FjepoGNc3pnELWM0W2tSBajvOXfeeZx6AHvWBR8d5iv/lqQE9Ay/D0dhlPbGneKU3JsC7Bbj40PFJM0/k0L94rTcnWghDM7ktOan/vY/+40fH+L9BIoOVL+5d/4WSFG62Ed8BLFcWGQFFL98AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTktMDUtMDhUMTg6Mzc6MTQtMDc6MDBW0r+wAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE5LTA1LTA4VDE4OjM3OjE0LTA3OjAwJ48HDAAAAABJRU5ErkJggg==);border-radius:50%;margin-right:6px}.dropdown-icon{font-size:10px;margin-left:5px;color:#888}.login-form{display:flex;flex-direction:column;gap:15px}.input-group{position:relative;display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.input-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;color:#999}.input-group input{flex:1;border:none;outline:none;color:#333}.input-group input::placeholder{color:#999}.toggle-visibility{display:flex;align-items:center;justify-content:center;background:none;border:none;width:46px;height:46px;cursor:pointer;color:#999;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA/1BMVEX////3z87qfHjhQz7eLijrfXn40M/+9vbqd3PeLSfqeXX+9/flWVXlW1b++PfqenffNCXjSiDrfnr41dTgNiXhPSP3wAfhPyPeLyn519Xsg4DgNyXujhLhOyTfNSXshoLjTUjiRSLkUB/thRT50APlVh7gNSXfMib1sgrnYhvjT0rfNjDzqwv83gD61gLqdBfeLifhOiTgNzHgOTPhPCTxnQ7gOjXkUk3qcRjsfhXjRSLzpwzfMSbfMyblWh3kVE/tjYneLyfjRiHtj4z64N/fMSv2uAj64eHtjYrukY3//fzobWnob2vuko/fMy3ulJH75eTulpPmXlnvlpP75eU26uvKAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAASAAAAEgARslrPgAAAAd0SU1FB+MFCAslDlJOdhIAAADGSURBVBjTRU+LVoJQEFwFrQnLSg2T8EERPiBLy1LRXpJKhYb+/7e4wD055+zemTl77s4SMVJpSZalTJYSHBxC4EiJtJLDP45P2MgLcXrG7ZyoIPNb5CpdqED5kirMtSvErl5FjepoGNc3pnELWM0W2tSBajvOXfeeZx6AHvWBR8d5iv/lqQE9Ay/D0dhlPbGneKU3JsC7Bbj40PFJM0/k0L94rTcnWghDM7ktOan/vY/+40fH+L9BIoOVL+5d/4WSFG62Ed8BLFcWGQFFL98AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTktMDUtMDhUMTg6Mzc6MTQtMDc6MDBW0r+wAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE5LTA1LTA4VDE4OjM3OjE0LTA3OjAwJ48HDAAAAABJRU5ErkJggg==);background-size:cover}.security-message{color:#888;font-size:14px;margin:-5px 0}.remember-forgot{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#555}.remember-me{display:flex;align-items:center;gap:5px;cursor:pointer}.remember-me input[type=checkbox]{margin-right:5px;cursor:pointer}.forgot-password{color:#39b0ff;text-decoration:none}.login-btn{background-color:#39b887;color:#fff;border:none;border-radius:4px;padding:14px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s}.login-btn:hover{background-color:#2da577}.browser-recommend{padding:20px;border-top:1px solid #f0f0f0;background-color:#f8f8f8;width:100%}.browser-recommend p{text-align:center;font-size:14px;color:#555;margin-bottom:15px}.browser-icons{display:flex;justify-content:space-around}.browser-icon{display:flex;flex-direction:column;align-items:center;gap:5px}.browser-icon img{width:56px;height:56px;border-radius:50%;background-color:#ddd;padding:5px}.browser-icon span{font-size:12px;color:#666}.login-container .login-tabs .tab-btn.active{color:#fff!important}@media (max-width: 768px){.login-tabs{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#f8f8f8;box-shadow:0 2px 5px #0000001a;border-radius:0}.login-form-container{position:fixed;top:60px;left:0;width:100%;z-index:999;background-color:#fff;box-shadow:0 2px 5px #0000001a}.login-container{padding-top:400px;width:100%}.element-to-hide{display:none}.browser-recommend{position:fixed;left:0;width:100%;z-index:999;background-color:#fff;box-shadow:0 2px 5px #0000001a}#app{max-width:none}}