MIME-Version: 1.0
Content-Type: multipart/related; type="text/html"; boundary="----=_NextPart_Miro"

------=_NextPart_Miro
Content-Type: text/html; charset="utf-8"
Content-Transfer-Encoding: quoted-printable
Content-Location: https://miro.com/login/

<!DOCTYPE html>
<html lang="pt-BR">
<head><meta charset="UTF-8"><title>Miro | Login</title>
<style>
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#f8f8f8;display:flex;min-height:100vh}
.sidebar{width:440px;background:#fff;padding:48px 56px;display:flex;flex-direction:column;justify-content:center;flex-shrink:0}
.logo{margin-bottom:40px}
.logo svg{width:72px}
h1{font-size:28px;font-weight:700;color:#050038;margin-bottom:8px}
.subtitle{font-size:15px;color:#4e4b66;margin-bottom:32px}
.social-btn{width:100%;border:1px solid #d9d9d9;border-radius:8px;padding:11px 16px;font-size:14px;font-weight:500;background:#fff;cursor:pointer;display:flex;align-items:center;gap:12px;margin-bottom:10px;color:#050038}
.social-btn:hover{background:#f8f8f8}
.divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#8c8c8c;font-size:13px}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:#e8e8e8}
input{width:100%;border:1px solid #d9d9d9;border-radius:8px;padding:11px 14px;font-size:14px;margin-bottom:12px;outline:none}
input:focus{border-color:#050038;box-shadow:0 0 0 2px rgba(5,0,56,.15)}
.btn-primary{width:100%;background:#050038;color:#fff;border:none;border-radius:8px;padding:13px;font-size:15px;font-weight:600;cursor:pointer;margin-top:4px}
.btn-primary:hover{background:#1a1654}
.links{display:flex;justify-content:space-between;margin-top:16px;font-size:13px}
.links a{color:#4262ff;text-decoration:none}
.panel{flex:1;background:linear-gradient(135deg,#ffd02f 0%,#ff6250 50%,#4262ff 100%);display:flex;align-items:center;justify-content:center}
.panel-inner{text-align:center;color:#fff;padding:40px}
.panel-inner h2{font-size:32px;font-weight:700;margin-bottom:16px}
.panel-inner p{font-size:16px;opacity:.9}
@media(max-width:900px){.panel{display:none}.sidebar{width:100%}}
</style></head>
<body>
<div class="sidebar">
  <div class="logo">
    <svg viewBox="0 0 72 26" fill="none" xmlns="http://www.w3.org/2000/svg">
      <text x="0" y="22" font-size="26" font-weight="800" fill="#050038" font-family="Arial">miro</text>
    </svg>
  </div>
  <h1>Bem-vindo de volta</h1>
  <p class="subtitle">Faça login na sua conta Miro</p>
  <button class="social-btn">
    <svg width="18" height="18" viewBox="0 0 48 48"><path fill="#EA4335" d="M24 9.5c3.27 0 6.18 1.13 8.48 2.98l6.32-6.32C34.9 2.98 29.73 1 24 1 14.62 1 6.62 6.52 2.93 14.38l7.46 5.79C12.19 13.72 17.62 9.5 24 9.5z"/><path fill="#4285F4" d="M46.55 24.5c0-1.53-.14-3-.39-4.43H24v8.39h12.67c-.55 2.93-2.22 5.42-4.73 7.1l7.32 5.68C43.36 37.5 46.55 31.45 46.55 24.5z"/><path fill="#FBBC05" d="M10.39 28.17A14.73 14.73 0 019.5 24c0-1.45.2-2.86.56-4.17L2.6 14.04A23.8 23.8 0 001 24c0 3.87.93 7.52 2.59 10.73l7.8-6.56z"/><path fill="#34A853" d="M24 47c5.73 0 10.53-1.9 14.04-5.15l-7.32-5.68c-2.02 1.36-4.61 2.15-6.72 2.15-6.38 0-11.81-4.3-13.75-10.1l-7.46 5.79C6.62 41.48 14.62 47 24 47z"/></svg>
    Continuar com Google
  </button>
  <button class="social-btn">
    <svg width="18" height="18" viewBox="0 0 24 24" fill="#0a66c2"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
    Continuar com LinkedIn
  </button>
  <div class="divider">ou</div>
  <input type="email" placeholder="E-mail de trabalho" autocomplete="username">
  <input type="password" placeholder="Senha" autocomplete="current-password">
  <button class="btn-primary" onclick="alert('[SWG TEST] Credenciais capturadas — MHTML Miro')">Entrar</button>
  <div class="links">
    <a href="#">Esqueceu a senha?</a>
    <a href="#">Criar uma conta</a>
  </div>
</div>
<div class="panel">
  <div class="panel-inner">
    <h2>Colabore visualmente</h2>
    <p>Quadros ilimitados, times ilimitados</p>
  </div>
</div>
</body></html>
------=_NextPart_Miro--