1<div class="ceu"></div>2<form class="caixa">3 <div class="planeta"><svg viewBox="0 0 32 32" width="30" height="30" fill="none"><circle cx="16" cy="16" r="7" fill="#fff"/><ellipse cx="16" cy="16" rx="14" ry="4.5" stroke="#fff" stroke-width="1.6" transform="rotate(-20 16 16)"/></svg></div>4 <h2>Bem-vindo a bordo</h2>5 <p class="sub">Entre para retomar sua missão.</p>6 <label class="campo"><span>E-mail</span><input type="email" placeholder="voce@nave.com"></label>7 <label class="campo"><span>Senha</span><input type="password" placeholder="••••••••"></label>8 <div class="linha">9 <label class="lembrar"><input type="checkbox" checked><i></i>Lembrar de mim</label>10 <a href="#">Esqueci a senha</a>11 </div>12 <button class="ir" type="button">Decolar</button>13 <div class="ou"><span>ou continue com</span></div>14 <div class="redes"><button type="button" aria-label="Entrar com Google"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M20 12h-8"/><path d="M19.2 7.5A8.5 8.5 0 1 0 20.5 12"/></svg></button><button type="button" aria-label="Entrar com repositório"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="5.5" r="2.2"/><circle cx="6" cy="18.5" r="2.2"/><circle cx="18" cy="9" r="2.2"/><path d="M6 8v8M18 11.2c0 4-6 2.5-11 5"/></svg></button><button type="button" aria-label="Entrar com chave de acesso"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="15" r="4"/><path d="M11 12l9-9M16 7l3 3"/></svg></button></div>15 <p class="rodape">Primeira viagem? <a href="#">Criar conta</a></p>16</form>