@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Jost:wght@300;400;500&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  body {
    @apply font-['Jost'] text-[#a3a3a3] bg-[#0a0a0a] antialiased selection:bg-[#e2e8f0] selection:text-[#0a0a0a];
  }
  
  h1, h2, h3, h4, h5, h6 {
    @apply font-['Cormorant_Garamond'] text-[#f8fafc] font-normal;
  }
}

@layer components {
  .btn-platinum {
    @apply inline-flex items-center justify-center px-8 py-3 border border-[#e2e8f0]/30 text-[#e2e8f0] font-['Jost'] text-xs tracking-[0.2em] uppercase hover:bg-[#e2e8f0] hover:text-[#0a0a0a] transition-all duration-500;
  }
}

.nav-scrolled {
  @apply bg-[#0a0a0a]/90 backdrop-blur-md border-b border-[#ffffff]/5;
}

.data-line {
  position: relative;
  overflow: hidden;
}

.data-line::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(226, 232, 240, 0.5), transparent);
  transform: translateX(-100%);
  animation: scan 3s infinite linear;
}

@keyframes scan {
  100% {
    transform: translateX(100%);
  }
}

.advisory-card {
  transition: all 0.4s ease;
  border: 1px solid rgba(255,255,255,0.05);
  background: rgba(255,255,255,0.02);
}

.advisory-card:hover {
  border-color: rgba(226, 232, 240, 0.3);
  background: rgba(255,255,255,0.05);
}