:root {
  --purple: #7c3aed; --purple-light: #a855f7; --purple-dim: rgba(138,43,226,0.3);
  --gold: #ffd700; --green: #7cff7c; --red: #ff6b6b;
  --text: #e8e0f0; --text-dim: #a090b8; --text-muted: #6b6b80;
  --bg-dark: rgba(0,0,0,0.2);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 16px; }
body {
  font-family: 'Noto Sans KR', sans-serif;
  background: linear-gradient(170deg, #0a0a12 0%, #12101f 40%, #1a0e2e 100%);
  color: var(--text); min-height: 100vh; overflow-x: hidden;
}
.container { max-width: 960px; margin: 0 auto; padding: 0 20px; }
.svg-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; }
.footer-note {
  text-align: center; padding: 8px 20px 36px;
  font-size: 0.72rem; color: #4a4060;
}
@keyframes spin { to { transform: rotate(360deg); } }