* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Inter', 'Noto Sans Tamil', sans-serif; background: #0c0205; color: #f5f0e8; overflow-x: hidden; min-height: 100vh; }
.font-space { font-family: 'Space Grotesk', sans-serif; }

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0c0205; }
::-webkit-scrollbar-thumb { background: #800020; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #d4a017; }

/* Traditional Temple Border Overlay */
.temple-border-top {
  background-image: repeating-linear-gradient(45deg, #d4a017 0px, #d4a017 2px, transparent 2px, transparent 10px),
                    repeating-linear-gradient(-45deg, #d4a017 0px, #d4a017 2px, transparent 2px, transparent 10px);
  background-size: 14px 14px;
  height: 8px;
  width: 100%;
}

/* Animated gradient background */
.hero-gradient {
  background: linear-gradient(135deg, #0c0205 0%, #20040c 30%, #440010 60%, #1c0008 85%, #0c0205 100%);
  background-size: 400% 400%;
  animation: gradientShift 15s ease infinite;
}
@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Glow text */
.gradient-text {
  background: linear-gradient(90deg, #ffd700 0%, #f0c040 50%, #d4a017 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-glow {
  box-shadow: 0 0 15px rgba(212, 160, 23, 0.35);
  background: linear-gradient(135deg, #d4a017 0%, #800020 100%);
  transition: all 0.3s ease;
}
.btn-glow:hover {
  box-shadow: 0 0 25px rgba(212, 160, 23, 0.65);
  transform: translateY(-2px);
}

/* Custom Glassmorphism */
.glass-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(212, 160, 23, 0.15);
  backdrop-filter: blur(12px);
}

.glass-card-hover {
  transition: all 0.3s ease;
}
.glass-card-hover:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(212, 160, 23, 0.35);
  transform: translateY(-4px);
}

/* Active Tab styling */
.tab-active {
  border-color: rgba(212, 160, 23, 0.6) !important;
  color: #ffd700 !important;
  background: rgba(212, 160, 23, 0.15) !important;
  box-shadow: 0 0 15px rgba(212, 160, 23, 0.25) !important;
  font-weight: 700 !important;
}

/* Matrimonial exogamy rule alerts */
.exogamy-alert {
  border-left: 4px solid #ef4444;
  background: rgba(239, 68, 68, 0.06);
}

/* Palm-leaf style PDF container styling */
.palm-leaf-ledger {
  background: #f7e7c4;
  color: #5c3b1e;
  border: 3px double #d4a017;
  font-family: 'Noto Sans Tamil', serif;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  position: relative;
  overflow: hidden;
}
.palm-leaf-ledger::before {
  content: '';
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  background: repeating-linear-gradient(rgba(0,0,0,0.01) 0px, rgba(0,0,0,0.01) 1px, transparent 1px, transparent 30px);
  pointer-events: none;
}
