html { scroll-behavior: smooth; }
body {
  font-family: 'Outfit', sans-serif;
  background-color: #0B192C;
  color: #EEEEEE;
  overflow-x: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
h1, h2, h3, h4, .font-syne { font-family: 'Syne', sans-serif; }
.glass-card { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.08); }
.electric-glow { box-shadow: 0 0 25px rgba(6, 182, 212, 0.2); }
.indigo-glow { box-shadow: 0 0 25px rgba(99, 102, 241, 0.2); }
.text-gradient { background: linear-gradient(to right, #93C5FD, #06b6d4, #3B82F6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0B192C; }
::-webkit-scrollbar-thumb { background: #3B82F6; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #93C5FD; }

@keyframes logoSlideLeft {
  0% { transform: translateX(30px); opacity: 0; }
  20% { opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}
@keyframes logoSlideRight {
  0% { transform: translateX(-30px); opacity: 0; }
  20% { opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}
.animate-logo-left {
  animation: logoSlideLeft 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
}
.animate-logo-right {
  animation: logoSlideRight 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
}