/* You Contabilidade — Link na Bio. Dono: FAISCA. So mexe aqui. */

@font-face{
  font-family:'Clash Display';
  /* arquivo local primeiro; se nao existir (site publicado), cai no CDN da fonte. */
  src:url('assets/fonts/ClashDisplay-Semibold.woff2') format('woff2'),
      url('https://cdn.fontshare.com/wf/FPDAZ2S6SW4QMSRIIKNNGTPM6VIXYMKO/5HNPQ453FRLIQWV2FNOBUU3FKTDZQVSG/Z3MGHFHX6DCTLQ55LJYRJ5MDCZPMFZU6.woff2') format('woff2');
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Clash Display';
  src:url('assets/fonts/ClashDisplay-Bold.woff2') format('woff2'),
      url('https://cdn.fontshare.com/wf/BFBSY7LX5W2U2EROCLVVTQP4VS7S4PC3/IIUX4FGTMD2LK2VWD3RVTAS4SSMUN7B5/53RZKGODFYDW3QHTIL7IPOWTBCSUEZK7.woff2') format('woff2');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

:root{
  --accent:#FE4901;

  --bg-base:#5A1A04;

  --text-primary:#FFFFFF;
  --text-muted:rgba(255,255,255,.72);
  --text-faint:rgba(255,255,255,.64);

  --card-bg:rgba(20,6,1,.72);
  --card-border:rgba(255,255,255,.14);
  --card-shadow:0 14px 34px rgba(0,0,0,.45);

  --radius:14px;
  --dur:180ms;
  --ease-out:cubic-bezier(.22,.61,.36,1);

  --font-display:'Clash Display','Geist',system-ui,sans-serif;
  --font-sans:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body.page{
  margin:0;
  min-height:100vh;
  font-family:var(--font-sans);
  color:var(--text-primary);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  position:relative;
  isolation:isolate;
  overflow-x:hidden;
  background-color:var(--bg-base);
}

.bg{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  /* degrade liso: manchas laranjas suaves, sem desenho e sem movimento.
     vermelho embaixo a esquerda, amarelo em cima a direita. */
  background:
    radial-gradient(46% 42% at 90% 8%,  rgba(255,150,0,.50) 0%, rgba(255,150,0,0) 66%),
    radial-gradient(52% 46% at 22% 24%, rgba(255,74,0,.34) 0%, rgba(255,74,0,0) 68%),
    radial-gradient(56% 50% at 62% 74%, rgba(255,90,0,.30) 0%, rgba(255,90,0,0) 70%),
    radial-gradient(58% 54% at 6% 90%,  rgba(140,8,0,.85) 0%, rgba(140,8,0,0) 66%),
    linear-gradient(118deg, #220400 0%, #3C0900 50%, #571100 100%);
}

.bg-smoke{
  /* fumaca antiga: desligada. o fundo agora e o degrade acima. */
  display:none;
  position:absolute;
  top:50%;
  left:50%;
  width:180vmax;
  height:180vmax;
  transform:translate(-50%,-50%) rotate(21deg);
  transform-origin:center;
}

.bg-noise{
  position:absolute;
  inset:0;
  opacity:.13;
  mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

main.wrap{
  position:relative;
  z-index:1;
  max-width:480px;
  margin:0 auto;
  padding:56px 20px 40px;
  display:flex;
  flex-direction:column;
  gap:40px;
}

/* ===== header.profile ===== */

header.profile{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:10px;
}

header.profile .avatar{
  position:relative;
  width:112px;
  height:112px;
  margin-bottom:6px;
}

header.profile .avatar::before{
  content:'';
  position:absolute;
  inset:-40px;
  background:radial-gradient(closest-side, rgba(254,73,1,.55), transparent 75%);
  filter:blur(6px);
  z-index:-1;
}

header.profile .avatar img{
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
  border:2px solid rgba(255,255,255,.55);
  box-shadow:0 8px 24px rgba(0,0,0,.35);
}

header.profile .avatar.is-solo{
  width:104px;
  height:104px;
  margin-bottom:14px;
}

header.profile .avatar.is-solo::before{
  inset:-46px;
  background:radial-gradient(closest-side, rgba(254,73,1,.60), transparent 72%);
  filter:blur(10px);
}

header.profile .avatar.is-solo::after{
  content:'';
  position:absolute;
  left:50%;
  bottom:-10px;
  transform:translateX(-50%);
  width:64%;
  height:20px;
  background:radial-gradient(closest-side, rgba(0,0,0,.45), transparent 75%);
  filter:blur(8px);
  z-index:-1;
}

header.profile .avatar.is-solo img{
  width:100%;
  height:100%;
  object-fit:contain;
  border:none;
  border-radius:0;
  box-shadow:none;
  background:none;
}

header.profile .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  color:var(--text-muted);
  font-family:var(--font-sans);
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
}

header.profile .name{
  margin:4px 0 0;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.5rem,6vw,1.9rem);
  line-height:1.15;
  letter-spacing:-.005em;
  word-spacing:.2em;
  color:var(--text-primary);
}

header.profile .handle{
  margin:2px 0 0;
  display:inline-flex;
  align-items:center;
  padding:5px 14px;
  border-radius:10px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.20);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font-size:.8125rem;
  font-weight:500;
  letter-spacing:.02em;
  color:var(--text-muted);
}

header.profile .bio{
  margin:2px 0 0;
  max-width:34ch;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  color:var(--text-muted);
}

/* ===== nav.links ===== */

nav.links{
  display:flex;
  flex-direction:column;
  gap:14px;
}

nav.links .link-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
  padding:14px 16px;
  min-height:44px;
  border-radius:var(--radius);
  background:var(--card-bg);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border:1px solid var(--card-border);
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  cursor:pointer;
  transform:translateY(0) scale(1);
  box-shadow:0 0 0 0 transparent;
  transition:
    transform var(--dur) var(--ease-out),
    box-shadow var(--dur) var(--ease-out),
    border-color var(--dur) var(--ease-out);
}

nav.links .link-card::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(105deg, transparent 32%, rgba(255,255,255,.16) 42%, rgba(255,255,255,.60) 50%, rgba(255,255,255,.16) 58%, transparent 68%);
  transform:translateX(-120%);
  pointer-events:none;
}

nav.links .link-card.is-whatsapp{ --accent:#25D366; }
nav.links .link-card.is-site{ --accent:#FE4901; }
nav.links .link-card.is-local{ --accent:#FF9200; }

nav.links .link-card:hover,
nav.links .link-card:focus-visible,
nav.links .link-card:active{
  transform:translateY(-2px) scale(1.02);
  border-color:var(--accent);
  box-shadow:
    var(--card-shadow),
    0 0 0 1px var(--accent),
    0 0 24px -4px var(--accent);
}

nav.links .link-card:hover::after,
nav.links .link-card:focus-visible::after,
nav.links .link-card:active::after{
  transform:translateX(120%);
  transition:transform 1100ms ease-out;
}

nav.links .link-card:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
}

nav.links .link-icon{
  position:relative;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:var(--radius);
  background:rgba(0,0,0,.35);
  border:1px solid var(--accent);
  color:#fff;
  overflow:hidden;
}

nav.links .link-icon svg{
  width:22px;
  height:22px;
}

nav.links .link-icon .link-logo{
  width:60%;
  height:60%;
  object-fit:contain;
}

nav.links .link-icon.is-full{
  background:transparent;
  border:none;
}

nav.links .link-icon.is-full .link-logo{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:var(--radius);
}

nav.links .link-texts{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

nav.links .link-title{
  font-family:var(--font-display);
  font-weight:600;
  font-size:1rem;
  letter-spacing:0;
  word-spacing:.1em;
  color:var(--text-primary);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

nav.links .link-desc{
  font-family:var(--font-sans);
  font-weight:400;
  font-size:.8125rem;
  color:var(--text-muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

nav.links .link-arrow{
  flex:0 0 auto;
  width:18px;
  height:18px;
  color:var(--text-faint);
  transition:transform var(--dur) var(--ease-out), color var(--dur) var(--ease-out);
}

nav.links .link-card:hover .link-arrow,
nav.links .link-card:focus-visible .link-arrow,
nav.links .link-card:active .link-arrow{
  color:var(--accent);
  transform:translateX(3px);
}

/* ===== footer.foot ===== */

footer.foot{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  margin-top:8px;
}

footer.foot .socials{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin-bottom:14px;
}

footer.foot .social{
  display:flex;
  align-items:center;
  justify-content:center;
  width:66px;
  height:66px;
  padding:7.5px;
  background:none;
  border:none;
  border-radius:0;
  color:var(--text-muted);
  text-decoration:none;
  opacity:.82;
  transition:transform var(--dur) var(--ease-out), opacity var(--dur) var(--ease-out);
}

footer.foot .social svg{
  width:100%;
  height:100%;
}

footer.foot .social-logo{
  width:100%;
  height:100%;
  object-fit:contain;
}

footer.foot .social:hover,
footer.foot .social:focus-visible{
  transform:scale(1.1);
  opacity:1;
}

footer.foot .social:focus-visible{
  outline:2px solid rgba(255,255,255,.55);
  outline-offset:2px;
}

footer.foot .copy{
  margin:0;
  font-size:.75rem;
  color:var(--text-faint);
  text-align:center;
}

footer.foot .legal{
  margin:0;
  font-size:.6875rem;
  color:rgba(255,255,255,.64);
  text-align:center;
}

footer.foot .legal-link{
  display:inline-block;
  padding:6px 2px;
  color:inherit;
  text-decoration:none;
  transition:color var(--dur) var(--ease-out);
}

footer.foot .legal-link:hover,
footer.foot .legal-link:focus-visible{
  color:var(--text-muted);
  text-decoration:underline;
}

footer.foot .legal-link:focus-visible{
  outline:2px solid rgba(255,255,255,.55);
  outline-offset:2px;
}

/* ===== motion & foco ===== */

@media (prefers-reduced-motion: reduce){
  nav.links .link-card,
  nav.links .link-arrow,
  footer.foot .social{
    transition:border-color var(--dur) linear, color var(--dur) linear, background var(--dur) linear, opacity var(--dur) linear;
  }
  nav.links .link-card:hover,
  nav.links .link-card:focus-visible,
  nav.links .link-card:active{
    transform:none;
  }
  nav.links .link-card::after{
    display:none;
  }
  footer.foot .social:hover,
  footer.foot .social:focus-visible{
    transform:none;
  }
}

:focus-visible{
  outline:2px solid var(--accent, #fff);
  outline-offset:2px;
}