/* shared.css */
.glass {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.3);
}
.dark .glass {
  background: rgba(15,23,42,0.7);
  border: 1px solid rgba(255,255,255,0.05);
}
.text-gradient {
  background: linear-gradient(135deg,#06B6D4 0%,#6366F1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-gradient-orange {
  background: linear-gradient(135deg,#F97316 0%,#FBBF24 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
::-webkit-scrollbar { width:10px; }
::-webkit-scrollbar-track { background:#0f172a; }
::-webkit-scrollbar-thumb { background:#334155; border-radius:5px; }
::-webkit-scrollbar-thumb:hover { background:#475569; }

.reveal {
  opacity:0;
  transform:translateY(30px);
  transition:all 0.8s ease-out;
}
.reveal.active {
  opacity:1;
  transform:translateY(0);
}
.bg-grid {
  background-size:40px 40px;
  background-image:
    linear-gradient(to right, rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(to bottom,rgba(255,255,255,0.05) 1px, transparent 1px);
}