:root{ --roxo:#6746EA; --amarelo:#FBBC1F; --grafite:#292D45; }
*{ box-sizing:border-box; }
body{
  margin:0; min-height:100vh; color:#fff; font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  background:radial-gradient(90% 60% at 50% 0%, #7A5BF2, var(--roxo) 45%, #4C30CC); -webkit-font-smoothing:antialiased;
  padding:max(28px, env(safe-area-inset-top)) 18px max(28px, env(safe-area-inset-bottom));
}
.caixa{ max-width:480px; margin:0 auto; display:flex; flex-direction:column; gap:16px; }
.logo img{ display:block; width:112px; height:auto; margin:0 auto 6px; }
h1{ font-family:"Unbounded", system-ui, sans-serif; font-size:clamp(30px, 8vw, 40px); letter-spacing:-.04em; margin:0; text-align:center; }
.sub{ margin:0 0 6px; text-align:center; color:rgba(255,255,255,.82); line-height:1.5; }
.opcao{ background:#fff; color:var(--grafite); border-radius:26px; padding:22px; box-shadow:0 20px 40px rgba(20,10,70,.25); }
.opcao[hidden]{ display:none; }
.opcao__topo{ display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.opcao h2{ margin:0; font-family:"Unbounded", system-ui, sans-serif; font-size:20px; letter-spacing:-.02em; }
.ic{ width:44px; height:44px; border-radius:14px; background:#EEEAFE; display:inline-block; background-repeat:no-repeat; background-position:center; background-size:24px; }
.ic--android{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233DDC84' d='M17.6 9.48 19.44 6.3a.38.38 0 0 0-.66-.38l-1.86 3.22a11.4 11.4 0 0 0-9.84 0L5.22 5.92a.38.38 0 0 0-.66.38L6.4 9.48A10.8 10.8 0 0 0 1 18h22a10.8 10.8 0 0 0-5.4-8.52zM7 15.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5zm10 0a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5z'/%3E%3C/svg%3E"); }
.ic--apple{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23292D45' d='M16.4 12.6c0-2.6 2.1-3.8 2.2-3.9a4.8 4.8 0 0 0-3.8-2c-1.6-.2-3.1.9-3.9.9-.8 0-2-.9-3.4-.9a5 5 0 0 0-4.2 2.6c-1.8 3.1-.5 7.7 1.3 10.2.9 1.2 1.9 2.6 3.2 2.6 1.3-.1 1.8-.8 3.3-.8s2 .8 3.4.8c1.4 0 2.3-1.3 3.1-2.5a11 11 0 0 0 1.4-2.9 4.5 4.5 0 0 1-2.6-4.1zM13.9 5c.7-.9 1.2-2 1.1-3.2-1 0-2.3.7-3 1.6-.7.8-1.3 2-1.1 3.1 1.1.1 2.3-.6 3-1.5z'/%3E%3C/svg%3E"); }
.botao{ display:flex; align-items:center; justify-content:center; min-height:58px; border-radius:18px; font-weight:800; font-size:16px; text-decoration:none; transition:translate .2s; }
.botao:active{ translate:0 2px; }
.botao--amarelo{ background:var(--amarelo); color:var(--grafite); box-shadow:0 12px 26px rgba(251,188,31,.4); }
.botao--branco{ background:var(--grafite); color:#fff; }
.passos{ margin:18px 0 0; padding-left:20px; display:grid; gap:8px; font-size:14.5px; line-height:1.5; color:#4A4E68; }
.nota{ margin:14px 0 0; font-size:12.5px; color:#7A7E96; line-height:1.5; }
.link{ text-align:center; color:#fff; font-weight:700; font-size:14px; margin-top:6px; }
:focus-visible{ outline:3px solid var(--amarelo); outline-offset:3px; border-radius:12px; }
.rodape-mini{ margin-top:18px; font-size:13px; opacity:.8; text-align:center; } .rodape-mini a{ text-decoration:underline; }