@font-face {
  font-family: "Sora";
  src: url("/ad/page-assets/pc-general/assets/fonts/sora/sora-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sora";
  src: url("/ad/page-assets/pc-general/assets/fonts/sora/sora-latin-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sora";
  src: url("/ad/page-assets/pc-general/assets/fonts/sora/sora-latin-800-normal.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg-base: #0a0a0f;
  --bg-surface: #0d0d16;
  --bg-elevated: #141420;
  --brand-primary: #6d28d9;
  --brand-secondary: #c026d3;
  --brand-magenta: #c026d3;
  --brand-cyan: #06b6d4;
  --brand-warm: #f59e0b;
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.16);
  --success: #10b981;
  --shadow-card: 0 20px 60px rgba(0, 0, 0, 0.28);
  --shadow-glow: 0 0 44px rgba(109, 40, 217, 0.32);
  --focus-brand: 0 0 0 3px rgba(109, 40, 217, 0.4);
  --max-width: 1280px;
  --nav-height: 72px;
  --desktop-pad: 80px;
  --tablet-pad: 40px;
  --radius-button: 12px;
  --radius-input: 16px;
  --radius-card: 16px;
  --radius-panel: 20px;
  --radius-pill: 999px;
  --font-main: "Sora", "Avenir Next", "Segoe UI", system-ui, -apple-system,
    BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans CJK KR", Arial,
    sans-serif;
}