/* Cores e variáveis */
:root{
  --bg: #0A0A0D; /* fundo escuro */
  --txt: #FFFFFF; /* texto principal */
  --txt-muted: #B0B3B8; /* texto secundário */
  --fansly-blue: #2699F6; /* cor do logo e destaque */
  --card-bg: #121217; /* fundo de cards / bio */
  --shadow: 0 6px 20px rgba(0,0,0,0.5);
  --radius: 16px;
}

/* Reset */
* { box-sizing: border-box; margin:0; padding:0; }
body {
  font-family: Arial, sans-serif;
  background: var(--bg);
  color: var(--txt);
}

/* Container */
.fansly-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
}

/* Top Perfil */
.fansly-top {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}

.fansly-profile {
  display: flex;
  gap: 16px;
  align-items: center;
}

.fansly-photo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-image: url("img/a4cf8116-3100-40d2-9172-3dcc7d6e0adf.jpg"); /* troque pela sua foto */
  background-size: cover;
  background-position: center;
  border: 3px solid var(--fansly-blue);
  box-shadow: var(--shadow);
}

.fansly-info h1 {
  font-size: 2rem;
  margin-bottom: 4px;
}

.fansly-status {
  color: var(--fansly-blue);
  font-weight: 700;
  margin-bottom: 6px;
}

.fansly-stats span {
  display: inline-block;
  font-size: 0.95rem;
  color: var(--txt-muted);
  margin-right: 12px;
}

/* Bio */
.fansly-bio {
  text-align: center;
  margin: 20px 0;
  font-size: 1rem;
  color: var(--txt-muted);
  background-color: var(--card-bg);
  padding: 16px;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

/* Links */
.fansly-links {
  text-align: center;
  margin-bottom: 30px;
}

.fansly-links h2 {
  margin-bottom: 16px;
  color: var(--fansly-blue);
  font-size: 1.3rem;
}

.links-row {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.link-btn {
  flex: 1 1 0;
  max-width: 180px;
  padding: 14px 0;
  border-radius: var(--radius);
  text-decoration: none;
  font-weight: 700;
  color: var(--txt);
  text-align: center;
  box-shadow: var(--shadow);
  transition: transform 0.3s, box-shadow 0.3s;
}

/* Cores individuais dos botões */
.link-btn.onlyfans { background: linear-gradient(135deg, #ff3ad2, #ff87ff); }
.link-btn.instagram { background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af); }
.link-btn.x { background: linear-gradient(135deg, #1da1f2, #0d8ddb); }
.link-btn.tiktok { background: linear-gradient(135deg, #69C9D0, #EE1D52); }

/* Hover glow */
.link-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 0 12px currentColor, 0 0 24px currentColor;
}

/* Footer */
.fansly-footer {
  text-align: center;
  font-size: 0.85rem;
  color: var(--txt-muted);
}

/* Responsivo */
@media(max-width:600px){
  .link-btn {
    flex:1 1 100%;
  }
}