:root{
  --bg:#07111d;
  --bg-2:#0c1a2a;
  --panel:#0f2030;
  --panel-2:#132638;
  --line:rgba(255,255,255,.12);
  --line-strong:rgba(255,255,255,.22);
  --text:#ffffff;
  --muted:#b7c2cc;
  --orange:#ff4b05;
  --orange-2:#ff7a1a;
  --shadow:0 22px 60px rgba(0,0,0,.38);
  --radius-xl:28px;
  --radius-lg:20px;
  --radius-md:16px;
  --content: 680px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,75,5,.22), transparent 23rem),
    radial-gradient(circle at 90% 55%, rgba(255,75,5,.10), transparent 24rem),
    linear-gradient(180deg,#020407 0%, #06101b 54%, #020407 100%);
}
a{color:inherit;text-decoration:none}
.page-shell{
  width:min(100%, 760px);
  min-height:100vh;
  margin:0 auto;
  padding:26px 18px 34px;
  display:flex;
  justify-content:center;
}
.bio-card{
  position:relative;
  width:100%;
  max-width:var(--content);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:38px;
  padding:34px 22px 24px;
  background:
    radial-gradient(circle at 12% 6%, rgba(255,75,5,.28), transparent 18rem),
    radial-gradient(circle at 82% 16%, rgba(255,255,255,.08), transparent 18rem),
    linear-gradient(180deg, rgba(12,26,42,.98), rgba(5,14,24,.98));
  box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.08);
}
.decor{
  position:absolute;
  pointer-events:none;
  color:rgba(255,255,255,.055);
  font-weight:900;
  line-height:1;
  user-select:none;
}
.decor.paw{top:45px;left:32px;font-size:84px;transform:rotate(-18deg)}
.decor.plus-a{top:290px;left:80px;font-size:58px;color:rgba(255,75,5,.09)}
.decor.plus-b{top:240px;right:105px;font-size:48px}
.decor.bolt{top:255px;right:24px;font-size:98px;transform:rotate(10deg)}
.decor.dots{top:42px;right:46px;width:72px;height:72px;background-image:radial-gradient(rgba(255,255,255,.20) 2.6px, transparent 2.7px);background-size:20px 20px;border-radius:0}
.header{
  position:relative;
  z-index:1;
  text-align:center;
  padding-top:4px;
}
.avatar-wrap{
  width:174px;
  height:174px;
  margin:0 auto 18px;
  padding:5px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--orange),#ff9d30 48%,var(--orange));
  box-shadow:0 18px 34px rgba(255,75,5,.19), 0 0 0 10px rgba(255,75,5,.05);
}
.avatar{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center 36%;border-radius:999px;border:4px solid #06101b;
}
.logo-text{margin:0 auto 10px;line-height:.92;letter-spacing:-.04em;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.logo-text .humor{display:block;font-size:clamp(3.3rem, 14vw, 6.25rem);font-weight:950;color:#fff;}
.logo-text .line-2{display:flex;align-items:flex-end;justify-content:center;gap:.14em;}
.logo-text .da{font-size:clamp(2rem, 8vw, 3.75rem);font-weight:950;color:#fff;}
.logo-text .fox{position:relative;font-size:clamp(2.6rem, 10vw, 4.9rem);font-weight:1000;color:var(--orange);}

.brand-logo {
  display: block;
  width: min(82%, 360px);
  margin: 18px auto 10px;
  line-height: 0;
}

.brand-logo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width: 480px) {
  .brand-logo {
    width: min(86%, 300px);
    margin-top: 14px;
  }
}

.bio-copy{margin:0 auto 12px;max-width:520px;font-size:clamp(1.1rem, 4vw, 1.55rem);line-height:1.28;font-weight:750;color:#f5f7fb;}
.bio-copy strong{color:var(--orange);font-weight:950;}
.community{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:0 0 28px;color:#edf2f7;font-size:1rem;font-weight:800;}
.community svg{width:22px;height:22px;fill:#fff;opacity:.95}
.links{position:relative;z-index:1;display:grid;gap:12px;}
.link-button{
  min-height:72px;
  display:grid;
  grid-template-columns:56px 1fr 26px;
  align-items:center;
  gap:14px;
  padding:11px 16px 11px 14px;
  border-radius:var(--radius-lg);
  background:linear-gradient(180deg, rgba(23,44,63,.96), rgba(10,25,39,.96));
  border:1px solid var(--line);
  box-shadow:0 10px 22px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.07);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}
.link-button:hover,.link-button:focus-visible{transform:translateY(-2px);border-color:rgba(255,75,5,.60);box-shadow:0 14px 30px rgba(0,0,0,.35), 0 0 0 4px rgba(255,75,5,.09);outline:none;}
.icon-box{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.10);font-size:1.65rem;font-weight:900;}
.icon-box svg{width:27px;height:27px;display:block;}
.icon-facebook{padding:0;overflow:hidden;background:none;}
.icon-facebook .facebook-svg{width:100%;height:100%;display:block;}
.icon-instagram{overflow:hidden;background:radial-gradient(circle at 30% 110%,#fdf497 0 18%,#fd5949 45%,#d6249f 65%,#285AEB 100%);}
.icon-tiktok{background:#010101;}
.icon-youtube{background:#ff0000;color:#fff;overflow:hidden;}
.icon-orange{color:var(--orange)}
.icon-whatsapp{background:#24d366;color:white}
.icon-receitas{color:#fff;}
.icon-receitas .receitas-svg{width:29px;height:29px;display:block;}
.icon-memes{color:#ff4b05;}
.icon-memes .memes-svg{width:30px;height:30px;display:block;}
.link-title{font-size:clamp(1.08rem, 4.4vw, 1.45rem);font-weight:900;letter-spacing:-.02em;color:#f8fafc;}
.chevron{color:var(--orange);font-size:2.1rem;line-height:1;font-weight:900;}
.feature-card{
  position:relative;
  overflow:hidden;
  min-height:164px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  align-items:center;
  gap:10px;
  margin:8px 0 6px;
  border-radius:24px;
  border:2px solid rgba(255,75,5,.78);
  background:
    radial-gradient(circle at 90% 35%, rgba(255,75,5,.28), transparent 16rem),
    linear-gradient(135deg, rgba(28,32,38,.95), rgba(8,20,31,.95));
  box-shadow:0 18px 34px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.06);
  padding:24px 22px;
}
.feature-card::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,114,23,.20) 1px, transparent 1px);background-size:11px 11px;opacity:.35;pointer-events:none;}
.feature-text{position:relative;z-index:2;font-size:clamp(1.55rem, 6.2vw, 2.25rem);line-height:1.08;font-weight:900;letter-spacing:-.03em;}
.feature-text strong{display:block;color:var(--orange);font-size:1.08em;}
.feature-img{position:relative;z-index:2;align-self:end;justify-self:end;width:min(280px, 36vw);aspect-ratio:1/0;border-radius:24px;object-fit:cover;object-position:center 30%;box-shadow:0 12px 28px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.10);}
.feature-bubble{position:absolute;z-index:3;right:28%;top:28px;background:var(--orange);border-radius:22px;padding:10px 15px;font-weight:950;box-shadow:0 8px 18px rgba(255,75,5,.28);}
.footer{position:relative;z-index:1;padding:24px 0 0;text-align:center;}
.socials{display:flex;justify-content:center;gap:24px;align-items:center;margin-bottom:18px;}
.socials a{width:28px;height:28px;display:grid;place-items:center;color:#fff;opacity:.92;transition:opacity .2s, transform .2s;}
.socials a:hover{opacity:1;transform:translateY(-2px);}
.socials svg{width:25px;height:25px;fill:currentColor;}
.fox-tail-mark{display:flex;align-items:center;justify-content:center;gap:24px;opacity:.95}
.fox-tail-mark::before,.fox-tail-mark::after{content:"";width:96px;height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,.30), transparent);}
.tail-icon{width:50px;height:26px;background:var(--orange);clip-path:polygon(0 70%, 45% 25%, 75% 40%, 100% 0, 88% 62%, 50% 100%);position:relative;border-radius:99px;}
.tail-icon::after{content:"";position:absolute;right:0;top:0;width:40%;height:78%;background:white;clip-path:polygon(12% 43%, 100% 0, 86% 72%, 0 100%, 22% 58%);}
@media (max-width:520px){
  .page-shell{padding:12px 10px 22px}
  .bio-card{border-radius:28px;padding:24px 14px 20px}
  .avatar-wrap{width:142px;height:142px}
  .community{font-size:.92rem}
  .link-button{min-height:64px;grid-template-columns:48px 1fr 22px;gap:10px;border-radius:17px}
  .icon-box{width:40px;height:40px;border-radius:12px;font-size:1.35rem}

  .feature-card{
    grid-template-columns:1fr;
    min-height:auto;
    padding:18px;
    gap:16px;
  }

  .feature-text{
    max-width:100%;
    text-align:center;
  }

  .feature-img{
    position:relative;
    right:auto;
    bottom:auto;
    width:100%;
    max-width:320px;
    justify-self:center;
    aspect-ratio:20/15;
    object-fit:cover;
    object-position:center;
    border-radius:20px;
  }

  .feature-bubble{
    right:40%;
    top:auto;
    bottom:calc(38px + 130px);
    transform:translateX(250%);
  }

  .socials{gap:18px}
  .fox-tail-mark::before,.fox-tail-mark::after{width:72px}
}


/* RODAPÉ LEGAL - HUMOR DA FOX */
.hf-legal-footer {
  width: 100%;
  padding: 26px 18px 30px;
  margin-top: 26px;
  color: rgba(255, 255, 255, 0.68);
  text-align: center;
  font-family: inherit;
}

.hf-legal-footer__inner {
  width: min(100%, 620px);
  margin: 0 auto;
  padding: 18px 16px;
  border-radius: 22px;
  background: rgba(5, 14, 24, 0.34);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.hf-legal-footer__brand {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.78);
}

.hf-legal-footer__links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  flex-wrap: wrap;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
}

.hf-legal-footer__links a {
  color: rgba(255, 255, 255, 0.82);
  text-decoration: none;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.hf-legal-footer__links a:hover {
  color: #ff7a1a;
}

.hf-legal-footer__notice {
  max-width: 520px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.54);
}

@media (max-width: 480px) {
  .hf-legal-footer {
    padding: 22px 14px 28px;
    margin-top: 18px;
  }

  .hf-legal-footer__inner {
    border-radius: 18px;
    padding: 16px 14px;
  }

  .hf-legal-footer__links {
    font-size: 12.5px;
  }

  .hf-legal-footer__notice {
    font-size: 11.5px;
  }
}

.feature-copy--center{display:flex;align-items:center;justify-content:center;}
.wa-group-btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 24px;border-radius:999px;background:linear-gradient(180deg,#6affbe 0%,#98eb28 100%);color:#1b390f;font-size:clamp(1rem,2.2vw,1.18rem);font-weight:950;letter-spacing:-.02em;text-align:center;border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 26px rgba(143,255,54,.20), inset 0 1px 0 rgba(255,255,255,.35);transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;}
.wa-group-btn:hover,.wa-group-btn:focus-visible{transform:translateY(-2px);box-shadow:0 16px 34px rgba(143,255,54,.28), inset 0 1px 0 rgba(255,255,255,.42);filter:saturate(1.04);outline:none;}
@media (max-width:520px){.wa-group-btn{width:min(100%,280px);padding:0 18px;min-height:54px;}}