1<div class="cartao">2 <div class="arte">3 <i class="b1"></i><i class="b2"></i><i class="b3"></i>4 <div class="marca">◐ atelie</div>5 <div class="texto"><h3>Ideias ganham forma quando sobram cores.</h3><p>Monte seu espaço de trabalho em minutos.</p></div>6 </div>7 <form class="form">8 <h2>Criar conta</h2>9 <p class="sub">Grátis para começar, sem cartão.</p>10 <label class="campo"><span>Nome</span><input type="text" placeholder="Maria Souza"></label>11 <label class="campo"><span>E-mail</span><input type="email" placeholder="maria@email.com"></label>12 <label class="campo"><span>Senha</span><input type="password" placeholder="Mínimo de 8 caracteres"></label>13 <label class="termos"><input type="checkbox"><i></i><span>Aceito os <a href="#">termos de uso</a></span></label>14 <button class="ir" type="button">Criar minha conta</button>15 <div class="ou"><span>ou</span></div>16 <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>17 <p class="rodape">Já tem conta? <a href="#">Entrar</a></p>18 </form>19</div>