/* ChicoCrypto brand tokens + motion (Tailwind companion) */
:root {
  --cc-blue: #001c6b;
  --cc-blue-hover: #00268f;
  --cc-blue-deep: #00124a;
  --cc-green: #09bc8a;
  --cc-green-dark: #079e74;
  --cc-ink: #282f41;
  --cc-muted: #5b6577;
  --cc-soft: #e9f1f9;
  --cc-line: #d5e2ef;
  --cc-footer: #abb3bb;
  --cc-white: #ffffff;
  --cc-shadow-header: 0 12px 40px rgba(0, 28, 107, 0.14);
  --cc-shadow-soft: 0 18px 50px rgba(0, 28, 107, 0.12);
  --cc-shadow-green: 0 12px 32px rgba(9, 188, 138, 0.35);
  --cc-shadow-navy: 0 16px 40px rgba(0, 28, 107, 0.35);
  --font-display: 'Merriweather', Georgia, serif;
  --font-sans: 'Montserrat', system-ui, sans-serif;
}

body { top: 0 !important; }
.goog-te-banner-frame { display: none !important; }
.goog-logo-link,
#google_translate_element a { display: none !important; }
.goog-te-gadget { color: transparent !important; font-size: 0 !important; }
.goog-te-combo {
  appearance: none;
  background: var(--cc-blue);
  border: 1px solid rgba(255, 255, 255, 0.28);
  color: #fff;
  padding: 0.3rem 0.6rem;
  border-radius: 999px;
  font-size: 0.68rem;
  cursor: pointer;
  max-width: 8rem;
}
.goog-te-combo option { color: var(--cc-ink); background: #fff; }

@keyframes cc-pulse {
  0% { box-shadow: 0 0 0 0 rgba(9, 188, 138, 0.55); }
  70% { box-shadow: 0 0 0 10px rgba(9, 188, 138, 0); }
  100% { box-shadow: 0 0 0 0 rgba(9, 188, 138, 0); }
}
@keyframes cc-blink {
  0%, 100% { opacity: 1; filter: brightness(1); }
  50% { opacity: 0.55; filter: brightness(1.35); }
}
@keyframes cc-float {
  0%, 100% { transform: translateY(0) rotate(-4deg); }
  50% { transform: translateY(-14px) rotate(2deg); }
}
@keyframes cc-float-slow {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-10px) scale(1.03); }
}
@keyframes cc-spin {
  to { transform: rotate(360deg); }
}
@keyframes cc-shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
@keyframes cc-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes cc-orbit {
  0% { transform: rotate(0deg) translateX(18px) rotate(0deg); }
  100% { transform: rotate(360deg) translateX(18px) rotate(-360deg); }
}
@keyframes cc-glow-line {
  0%, 100% { opacity: 0.45; }
  50% { opacity: 1; }
}
@keyframes cc-particle {
  0% { transform: translateY(0) scale(1); opacity: 0.7; }
  100% { transform: translateY(-120px) scale(0.4); opacity: 0; }
}

.animate-cc-pulse { animation: cc-pulse 1.8s infinite; }
.animate-cc-blink { animation: cc-blink 1.35s ease-in-out infinite; }
.animate-cc-float { animation: cc-float 6.5s ease-in-out infinite; }
.animate-cc-float-slow { animation: cc-float-slow 8s ease-in-out infinite; }
.animate-cc-spin { animation: cc-spin 24s linear infinite; }
.animate-cc-spin-rev { animation: cc-spin 32s linear infinite reverse; }
.animate-cc-orbit { animation: cc-orbit 5s linear infinite; }
.animate-cc-glow-line { animation: cc-glow-line 2.4s ease-in-out infinite; }
.animate-cc-marquee { animation: cc-marquee 28s linear infinite; }

.cc-shimmer-text {
  background: linear-gradient(90deg, var(--cc-blue) 0%, var(--cc-green) 40%, var(--cc-blue) 80%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: cc-shimmer 4s linear infinite;
}

.cc-btn-shine {
  position: relative;
  overflow: hidden;
}
.cc-btn-shine::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,0.35) 50%, transparent 65%);
  transform: translateX(-120%);
  transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}
.cc-btn-shine:hover::after {
  transform: translateX(120%);
}

.cc-glass {
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(16px) saturate(1.25);
  -webkit-backdrop-filter: blur(16px) saturate(1.25);
}

.cc-nav-glow {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 10px 40px rgba(0, 28, 107, 0.28);
}

.cc-particle {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--cc-green);
  opacity: 0;
  animation: cc-particle 4.5s ease-in infinite;
}
.cc-particle:nth-child(2) { left: 18%; animation-delay: 0.8s; background: var(--cc-blue); }
.cc-particle:nth-child(3) { left: 42%; animation-delay: 1.6s; }
.cc-particle:nth-child(4) { left: 68%; animation-delay: 2.2s; background: var(--cc-blue); }
.cc-particle:nth-child(5) { left: 86%; animation-delay: 3s; }

[x-cloak] { display: none !important; }

@media (prefers-reduced-motion: reduce) {
  .animate-cc-pulse,
  .animate-cc-blink,
  .animate-cc-float,
  .animate-cc-float-slow,
  .animate-cc-spin,
  .animate-cc-spin-rev,
  .animate-cc-orbit,
  .animate-cc-glow-line,
  .animate-cc-marquee,
  .cc-shimmer-text,
  .cc-particle {
    animation: none !important;
  }
}