/* turingtest.quest */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #0A0A12; color: #D0D0D0; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1.6; }
.section-heading { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 1.4rem; color: #D0D0D0; letter-spacing: 0.03em; text-align: center; margin-bottom: 1.5rem; }
.hero { padding: 3rem 2rem; text-align: center; }
.hero-inner { max-width: 700px; margin: 0 auto; }
.split-face { margin-bottom: 1.5rem; }
.face-svg { display: block; max-width: 300px; margin: 0 auto; }
.hero-title { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 3rem; color: #D0D0D0; letter-spacing: 0.03em; margin-bottom: 0.5rem; }
.glitch { text-shadow: -2px 0 #FF0055, 2px 0 #00AAFF; animation: glitchText 3s ease-in-out infinite; }
@keyframes glitchText { 0%, 90%, 100% { text-shadow: -2px 0 #FF0055, 2px 0 #00AAFF; } 92% { text-shadow: 3px 0 #FF0055, -3px 0 #00AAFF; } 94% { text-shadow: -1px 0 #FF0055, 1px 0 #00AAFF; } }
.hero-sub { font-size: 1rem; color: #666680; margin-bottom: 1.25rem; }
.enter-btn { display: inline-block; background: transparent; border: 2px solid #00FFAA; color: #00FFAA; font-family: 'JetBrains Mono', monospace; font-weight: 500; font-size: 0.85rem; padding: 0.6rem 1.5rem; text-decoration: none; box-shadow: 0 0 12px rgba(0,255,170,0.15); }
.levels { max-width: 700px; margin: 0 auto; padding: 2rem; }
.level-list { display: flex; flex-direction: column; gap: 0.75rem; }
.level-panel { background: #12121E; border: 1px solid #1A1A2E; padding: 1.25rem; background-image: repeating-linear-gradient(transparent 0px, transparent 2px, rgba(0,255,170,0.02) 2px, rgba(0,255,170,0.02) 4px); }
.level-panel.active-glow { border: 2px solid #00FFAA; box-shadow: 0 0 20px rgba(0,255,170,0.1); }
.level-panel.locked { opacity: 0.4; }
.level-num { font-family: 'JetBrains Mono', monospace; font-weight: 500; font-size: 0.7rem; color: #666680; display: block; margin-bottom: 0.25rem; }
.level-title { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 1.1rem; color: #D0D0D0; margin-bottom: 0.25rem; }
.level-desc { font-size: 0.85rem; color: #666680; margin-bottom: 0.75rem; }
.confidence-meter { height: 6px; background: #1A1A2E; margin-bottom: 0.25rem; }
.confidence-fill { height: 100%; }
.confidence-fill.green { background: linear-gradient(90deg, #00FFAA, #00FFAA); }
.confidence-fill.yellow { background: linear-gradient(90deg, #00FFAA, #FFAA00); }
.confidence-fill.red { background: linear-gradient(90deg, #FFAA00, #FF0055); }
.confidence-label { font-family: 'JetBrains Mono', monospace; font-size: 0.65rem; color: #666680; }
.interlude { max-width: 600px; margin: 0 auto; padding: 3rem 2rem; text-align: center; }
.interlude-inner { }
.interlude-question { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 1.3rem; color: #00AAFF; font-style: italic; }
.classification { max-width: 700px; margin: 0 auto; padding: 0 2rem 2rem; }
.class-panel { background: #12121E; border: 1px solid #1A1A2E; padding: 1.5rem; }
.class-result { margin-bottom: 1rem; }
.class-type { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 1.4rem; color: #00FFAA; display: block; margin-bottom: 0.35rem; }
.class-desc { font-size: 0.9rem; color: #666680; }
.class-stats { display: flex; gap: 2rem; }
.class-stat { text-align: center; }
.class-val { font-family: 'JetBrains Mono', monospace; font-weight: 500; font-size: 1.5rem; color: #D0D0D0; display: block; }
.class-lbl { font-size: 0.7rem; color: #666680; }
.footer { max-width: 700px; margin: 0 auto; padding: 2rem; text-align: center; border-top: 1px solid #1A1A2E; }
.footer-inner { }
.footer-links { display: flex; justify-content: center; gap: 1.5rem; margin-bottom: 0.75rem; }
.flink { font-size: 0.8rem; color: #666680; text-decoration: none; }
.footer-copy { font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; color: #666680; }
@media (max-width: 640px) { .hero-title { font-size: 2rem; } }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }