@import "tailwindcss";

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;500;700&family=Share+Tech+Mono&display=swap');

body {
  font-family: 'Rajdhani', sans-serif;
  background-color: #991b1b;
  overflow: hidden;
  touch-action: none;
  color: #fef2f2;
  -webkit-tap-highlight-color: transparent;
}

.font-header { font-family: 'Orbitron', sans-serif; }
.font-data { font-family: 'Share Tech Mono', monospace; }

.glow-gold { box-shadow: 0 0 15px rgba(234, 179, 8, 0.5); }
.text-glow-gold { text-shadow: 0 0 10px rgba(250, 204, 21, 0.8); }

.glow-red { box-shadow: 0 0 15px rgba(220, 38, 38, 0.5); }
.text-glow-red { text-shadow: 0 0 10px rgba(248, 113, 113, 0.8); }

.hex-bg {
  background-color: #991b1b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%237f1d1d' fill-opacity='0.4' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  animation: slide-bg 60s linear infinite;
}

@keyframes slide-bg {
  0% { background-position: 0 0; }
  100% { background-position: 0 1000px; }
}

.holo-panel {
  background: rgba(80, 10, 10, 0.85);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(234, 179, 8, 0.3);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.1), inset 0 0 20px rgba(220, 38, 38, 0.1);
}

.corner-bracket {
  position: absolute;
  width: 10px;
  height: 10px;
  border: 2px solid rgba(234, 179, 8, 0.6);
  transition: all 0.3s ease;
}
.corner-tl { top: -1px; left: -1px; border-right: none; border-bottom: none; }
.corner-tr { top: -1px; right: -1px; border-left: none; border-bottom: none; }
.corner-bl { bottom: -1px; left: -1px; border-right: none; border-top: none; }
.corner-br { bottom: -1px; right: -1px; border-left: none; border-top: none; }

.hover-trigger:hover .corner-bracket {
  width: 100%;
  height: 100%;
  border-color: rgba(234, 179, 8, 1);
}

.clip-tech-card {
  clip-path: polygon(10% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 10%);
}

@keyframes float-slow {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
.animate-float {
  animation: float-slow 4s ease-in-out infinite;
}