/* Base */
html,body{margin:0;padding:0;background:#111827;color:#fff}
.mobile-optimized{padding:1rem}

/* Gradientes */
.bg-gradient-purple{background:linear-gradient(135deg,#8B5CF6 0%, #A855F7 50%, #C084FC 100%)}
.bg-gradient-pink{background:linear-gradient(135deg,#EC4899 0%, #F472B6 50%, #FBCFE8 100%)}
.bg-gradient-spa{background:linear-gradient(135deg,#06B6D4 0%, #0891B2 50%, #0E7490 100%)}
.bg-gradient-whatsapp{background:linear-gradient(135deg,#25D366 0%, #128C7E 100%)}
.bg-gradient-instagram{background:linear-gradient(135deg,#E4405F 0%, #F77737 50%, #FCAF45 100%)}
.bg-gradient-location{background:linear-gradient(135deg,#EF4444 0%, #F97316 50%, #FACC15 100%)}

/* Cartão e efeitos */
.bg-card{
  background:linear-gradient(135deg,rgba(17,24,39,.95) 0%, rgba(31,41,55,.95) 100%);
  backdrop-filter:blur(20px);
  border:1px solid rgba(139,92,246,.3);
}
.hover-lift{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}
.hover-lift:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px rgba(139,92,246,.4)}
.glow-effect{box-shadow:0 0 30px rgba(139,92,246,.3)}
.pulse-glow{animation:pulse-glow 3s ease-in-out infinite}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(139,92,246,.4)}50%{box-shadow:0 0 40px rgba(139,92,246,.8)}}
.animate-float{animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
.animate-fade-in{animation:fadeIn .8s ease-out}
@keyframes fadeIn{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}

/* Link cards */
.link-card{
  background:linear-gradient(135deg,rgba(17,24,39,.9) 0%, rgba(31,41,55,.9) 100%);
  backdrop-filter:blur(15px);
  border:2px solid rgba(139,92,246,.2);
  transition:all .4s cubic-bezier(.175,.885,.32,1.275);
  position:relative;overflow:hidden;
}
.link-card::before{
  content:"";position:absolute;inset:0;left:-100%;
  background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);
  transition:left .6s;
}
.link-card:hover{border-color:rgba(139,92,246,.8);background:linear-gradient(135deg,rgba(139,92,246,.15) 0%, rgba(31,41,55,.95) 100%);box-shadow:0 20px 40px rgba(139,92,246,.3)}
.link-card:hover::before{left:100%}

/* Destaques */
.whatsapp-highlight{
  background:linear-gradient(135deg,rgba(37,211,102,.15) 0%, rgba(18,140,126,.15) 100%);
  border:2px solid rgba(37,211,102,.5);
  animation:pulse-whatsapp 2s infinite;
}
@keyframes pulse-whatsapp{
  0%,100%{border-color:rgba(37,211,102,.5);box-shadow:0 0 25px rgba(37,211,102,.4)}
  50%{border-color:rgba(37,211,102,.8);box-shadow:0 0 35px rgba(37,211,102,.6)}
}
.whatsapp-highlight:hover{border-color:rgba(37,211,102,.9)}

.instagram-highlight{
  background:linear-gradient(135deg,rgba(228,64,95,.15) 0%, rgba(247,119,55,.15) 100%);
  border:2px solid rgba(228,64,95,.5);
  animation:pulse-instagram 2.5s infinite;
}
@keyframes pulse-instagram{
  0%,100%{border-color:rgba(228,64,95,.5);box-shadow:0 0 25px rgba(228,64,95,.4)}
  50%{border-color:rgba(247,119,55,.8);box-shadow:0 0 35px rgba(247,119,55,.6)}
}
.instagram-highlight:hover{border-color:rgba(228,64,95,.9)}

/* Sparkles */
.sparkle{
  position:absolute;width:6px;height:6px;border-radius:50%;
  background:linear-gradient(45deg,#8B5CF6,#EC4899);
  animation:sparkle 3s linear infinite;
}
@keyframes sparkle{0%,100%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}
.sparkle:nth-child(1){top:15%;left:15%;animation-delay:0s}
.sparkle:nth-child(2){top:75%;left:85%;animation-delay:1s}
.sparkle:nth-child(3){top:35%;right:15%;animation-delay:2s}
.sparkle:nth-child(4){bottom:25%;left:75%;animation-delay:1.5s}
.sparkle:nth-child(5){top:60%;left:20%;animation-delay:.5s}

/* Scrollbar */
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#111827}
::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8B5CF6,#EC4899);border-radius:5px}

/* Emoji com gradiente */
.nail-icon{
  background:linear-gradient(45deg,#EC4899,#8B5CF6);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* Badge de verificação */
.verification-badge {
  position: absolute;
  bottom: 8px;
  right: calc(50% - 4.5rem);
  background: linear-gradient(135deg, #8B5CF6 0%, #A855F7 100%);
  border-radius: 9999px;
  padding: 0.5rem;
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.6), 0 4px 6px rgba(0, 0, 0, 0.5);
  border: 3px solid #111827;
  z-index: 10;
}

.verification-badge svg {
  width: 1.25rem;
  height: 1.25rem;
  color: white;
  display: block;
}