/* Voltare quizzes — shared look with voltare.us. Loaded after each page's own styles. */
:root {
    --font: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
    --mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
    --bg-card: #0f0f16; --bg-card-hover: #15151f; --bg-elevated: #12121a;
    --text-secondary: #a8a8bd; --text-tertiary: #7c7c94;
    --border: #23233a; --border-light: #3a3a58;
    --radius: 0px; --radius-sm: 0px; --radius-full: 0px;
}
body { font-family: var(--font); }
*, *::before, *::after { box-shadow: none !important; }
::selection { background: #6c5ce7; color: #fff; }
.nav { background: #0a0a0f !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; border-bottom: 1px solid #3a3a58 !important; }
.nav-logo { font-stretch: 125%; font-weight: 900 !important; text-transform: uppercase; letter-spacing: 0.04em !important; font-size: 1.05rem !important; gap: 9px !important; }
.nav-logo .dot { width: 13px !important; height: 13px !important; border-radius: 0 !important; background: #6c5ce7 !important; transform: skewX(-14deg); }
.nav-links a, .nav-back { font-family: var(--mono) !important; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.76rem !important; font-weight: 400 !important; }
.nav-links a:hover { text-decoration: underline; text-underline-offset: 4px; }
.hero h1, .intro h1, .result h1, .result h2, .question {
    font-family: var(--font); font-stretch: 70%; font-weight: 800 !important; letter-spacing: -0.005em !important; line-height: 1 !important;
}
.hero h1 { text-transform: uppercase; font-size: clamp(2.6rem, 10vw, 4.4rem) !important; line-height: 0.92 !important; background: none !important; -webkit-text-fill-color: currentColor; color: #f0f0f5 !important; }
.hero h1 * { background: #6c5ce7 !important; -webkit-text-fill-color: #fff; color: #fff !important; padding: 0 0.08em; }
.hero-tag, .tag, .saved-tag, .done-badge, .result-badge, .progress-text, .intro-meta, .quiz-card-cta, .breakdown-title {
    font-family: var(--mono) !important; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 500 !important; border-radius: 0 !important;
}
.hero-tag { background: transparent !important; border: 1px solid #3a3a58 !important; color: #a29bfe !important; }
.quiz-list { gap: 0 !important; border-top: 1px solid #3a3a58; }
.quiz-card { border: 0 !important; border-bottom: 1px solid #23233a !important; background: transparent !important; border-radius: 0 !important; margin: 0 !important; transform: none !important; }
.quiz-card:hover { background: #12121a !important; }
.quiz-card-title { font-stretch: 80%; font-weight: 800 !important; font-size: 1.25rem !important; }
.quiz-card-icon { border-radius: 0 !important; background: #12121a !important; border: 1px solid #23233a; }
.btn-primary, .btn-secondary, .btn-ghost, .answer-btn { border-radius: 0 !important; transform: none !important; }
.btn-primary, .btn-secondary, .btn-ghost { font-family: var(--mono) !important; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500 !important; font-size: 0.86rem !important; }
.btn-primary { background: #6c5ce7 !important; border: 1.5px solid #6c5ce7 !important; color: #fff !important; }
.btn-primary:hover { background: #f0f0f5 !important; border-color: #f0f0f5 !important; color: #0a0a0f !important; }
.answer-btn { border: 1px solid #23233a !important; background: #0f0f16 !important; }
.answer-btn:hover { border-color: #6c5ce7 !important; }
.answer-letter { border-radius: 0 !important; font-family: var(--mono) !important; }
.progress-bar-bg, .progress-bar-fill, .bar-track, .bar-fill { border-radius: 0 !important; }
.footer { font-family: var(--mono); font-size: 0.76rem !important; color: #7c7c94 !important; border-top: 1px solid #23233a; }