:root{--fg:#111;--bg:#fff;--muted:#666;--link:#0a58ca}
*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:var(--bg);color:var(--fg)}
main{max-width:980px;margin:3rem auto;padding:0 1rem}
nav a{margin-right:1rem}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
header{margin-bottom:1.25rem}
footer{margin-top:3rem;padding-top:1rem;border-top:1px solid #eee;color:var(--muted);font-size:.95rem}
h1{margin:.25rem 0 1rem}
ul{padding-left:1.2rem}
.notice{background:#f6f8fa;border:1px solid #e5e7eb;border-radius:10px;padding:1rem}
.btn-back{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.45rem .9rem;border:1px solid #e5e7eb;border-radius:.75rem;
  background:#fff;color:#111;cursor:pointer;font:inherit
}
.btn-back:hover{background:#f8fafc}
.btn-back:focus{outline:2px solid #111;outline-offset:2px}

.footer-actions{display:flex;justify-content:flex-end;margin:.25rem 0 1rem}
.footer-return-link{margin-left:1rem;text-decoration:none}
.btn-back--muted{background:#f9fafb}

/* Logo textual "MillionairesGold" */
.mg-logo{
  display:inline-flex; align-items:center; gap:.35rem;
  gap:0; /* ❗ sem espaço entre spans */
  font-family:'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:800; font-size:1.5rem; text-decoration:none;
}
.mg-logo-primary{ color:#0033EE; } /* azul para fundo claro */
.mg-logo-gold{
  background:linear-gradient(90deg,#fbbf24,#f59e0b);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}

.mg-logo{
  border-radius: .6rem;
  padding: .1rem .4rem;            /* leve respiro, para o pill */
  transition: background .2s ease; /* animação suave */
}
.mg-logo:hover{
  background: rgba(251,191,36,.12); /* fundo levemente dourado/transparente */
}

/* opcional: ajustar espaçamento do header */
     header .mg-logo{ margin-right: .75rem; }

/* Active nav state */
     #mg-nav .nav-link {
       padding: 6px 10px;
       border-radius: 8px;
       text-decoration: none;
     }

     #mg-nav .nav-link.is-active {
       font-weight: 600;
       border-bottom: 2px solid #d4af37; /* gold underline */
     }

     @media (hover:hover) {
       #mg-nav .nav-link:hover {
         text-decoration: underline;
       }
     }

     /* Optional chip look */
     #mg-nav .nav-link.is-active {
       background: rgba(212,175,55,0.12);
       border-bottom: 2px solid #d4af37;
       }