:root {
  --main-color: #FF8A00;
  --main-text: #F4F2EE;
  --bg-main: #050608;
  --bg-secondary: #0D1118;
  --muted-text: #A8B1C6;
  --border-soft: rgba(255,255,255,0.1);
  --card-bg: rgba(255,255,255,0.04);
  --panel-bg: rgba(255,255,255,0.05);
}

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

body {
  font-family: 'Gmarket Sans', 'Gmarket Sans Medium', 'Gmarket Sans Bold', 'Pretendard', sans-serif;
  background: var(--bg-main);
  color: var(--main-text);
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6, button, a {
  color: var(--main-text);
}

p, li, span, input, textarea {
  color: var(--muted-text);
}

.bg-secondary {
  background: var(--bg-secondary);
}

.glass-card { background: rgba(255,255,255,0.08); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.12); }

.text-main {
  color: var(--main-text) !important;
}

.text-muted {
  color: var(--muted-text) !important;
}

.bg-main {
  background: var(--bg-main) !important;
}

.hide-scroll::-webkit-scrollbar { display: none; }
.hide-scroll { -ms-overflow-style: none; scrollbar-width: none; }
.glass-card { background: rgba(255,255,255,0.08); backdrop-filter: blur(8px); }
.word-keep { word-break: keep-all; }

/* Infinite Marquee Animation */
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-marquee {
  display: flex;
  width: max-content;
  animation: marquee 40s linear infinite;
}

.animate-marquee:hover {
  animation-play-state: paused;
}