/* ===== Base: reset, variáveis e componente de botão (usado em todas as páginas) ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  /* Marca LinkHub */
  --ink:#1E1245; --amber:#FFC107; --orange:#FF8A00; --pink:#FF4F8B;

  /* Tema do cliente. Estes são os valores padrão (visual original);
     cada cliente sobrescreve o que quiser via js/tema.js */
  --accent:#FFC107; --bg:#111; --card:#fff; --text:#000; --muted:#777; --soft:#312f2f;
  --btn-bg:#fff; --btn-border:#000; --btn-text:#111;
  --icon-bg:#f2f2f2; --icon-color:currentColor; --arrow:#aaa;
  --radius:17px; --icon-radius:14px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --logo-size:180px; --logo-radius:0; --logo-fit:contain;
}

body{
  min-height:100vh;
  display:flex;
  justify-content:center;
  padding:24px 16px;
  font-family:var(--font);
  color:var(--text);
  background:var(--bg) center/cover fixed;
}

.page{
  width:100%;
  max-width:430px;
  min-height:calc(100vh - 48px);
  display:flex;
  flex-direction:column;
  padding:34px 22px 24px;
  background:var(--card);
  border:1px solid var(--accent);
  border-radius:24px;
  box-shadow:0 8px 30px rgba(0,0,0,.06);
}

.options{display:flex;flex-direction:column;gap:13px}

.option{
  display:flex;
  align-items:center;
  gap:15px;
  width:100%;
  min-height:76px;
  padding:13px 16px;
  border:1px solid var(--btn-border);
  border-radius:var(--radius);
  background:var(--btn-bg);
  color:var(--btn-text);
  text-decoration:none;
  transition:.15s;
}
.option:hover{transform:translateY(-1px);box-shadow:0 5px 18px rgba(0,0,0,.07)}
.option:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

.icon{
  flex:0 0 48px;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--icon-radius);
  background:var(--icon-bg);
  color:var(--icon-color);
  font-size:24px;
}

.text{flex:1}
.text strong{display:block;margin-bottom:3px;font-size:16px}
.text span{display:block;color:var(--muted);font-size:13px}
.arrow{color:var(--arrow);font-size:22px}

.footer{margin-top:auto;padding-top:28px;text-align:center;color:var(--muted);font-size:12px;line-height:1.6}
.nfc{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px}

@media (prefers-reduced-motion:reduce){
  .option{transition:none}
  .option:hover{transform:none}
}