/* Shared Global Styles */
0%,
100% {
  transform: translateY(6px);
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
body {
  background-color: #fdfdfd;
  color: #000000;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
platina-header {
  position: relative;
  z-index: 9999;
  display: block;
}
.canvas-grid {
  background-image: radial-gradient(#1f2937 1px, transparent 1px);
  background-size: 24px 24px;
  background-color: #ffffff;
}
.funky-card {
  border: 2px solid #1f2937;
  background-color: #ffffff;
  box-shadow: 4px 4px 0px #d1d5db;
  transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
}
.funky-btn-secondary {
  border: 2px solid #1f2937;
  background-color: #ffffff;
  color: #1a365d;
  box-shadow: 3px 3px 0px #d1d5db;
  transition: all 0.15s ease;
}
.funky-btn-secondary:hover {
  transform: translate(-2px, -2px);
  box-shadow: 4px 4px 0px #d1d5db;
  background-color: #1a365d;
  color: #ffffff;
}
.animate-float {
  animation: float 6s ease-in-out infinite;
}
.animate-sad-bounce {
  animation: sad-bounce 3s infinite;
}
.draw-path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: draw 4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.crosshair::before,
.crosshair::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border: 2px solid #ff5722;
  opacity: 0.7;
}
.crosshair-tr::before {
  top: 6px;
  right: 6px;
  border-bottom: 0;
  border-left: 0;
}
.crosshair-bl::before {
  bottom: 6px;
  left: 6px;
  border-top: 0;
  border-right: 0;
}
\n
/* Global Button Styles extracted for tabs */
.gradient-border-btn {
  border: 3px solid transparent;
  background:
    linear-gradient(#fdfdfd, #fdfdfd) padding-box,
    linear-gradient(to right, #073dff, #073dff) border-box;
  color: #000000;
  box-shadow: 3px 3px 0px #d1d5db;
  transition: all 0.15s ease;
}
.gradient-border-btn:hover {
  transform: scale(1.05);
  background:
    linear-gradient(#fdfdfd, #fdfdfd) padding-box,
    linear-gradient(to right, #073dff, #073dff) border-box;
}
.tab-btn.gradient-border-btn:hover,
.industry-tab-btn.gradient-border-btn:hover {
  transform: none;
}
