:root{--accent:#ff6b35;--accent-dark:#e55a2b;--accent-glow:#ff6b3526;--bg:#0d0d12;--bg-card:#14141b;--border:#2a2a33;--border-light:#3a3a44;--border-hover:var(--accent);--gray:#8a8a99;--gray-light:#b0b0bf;--gray-dark:#5a5a66;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-md:12px;--radius-lg:16px}.page-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.page-header h1{background:linear-gradient(135deg, var(--accent) 0%, #ff9a76 100%);-webkit-text-fill-color:transparent;color:#0000;background-clip:text;margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:800}.page-header p{color:var(--gray);max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.quiz-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:4rem;padding:2.5rem;transition:transform .3s,border-color .3s;box-shadow:0 8px 32px #0000004d}.quiz-container:hover{border-color:var(--border-hover);transform:translateY(-3px)}.progress-bar{background:var(--border);border-radius:3px;height:6px;margin-bottom:2.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-dark) 100%);border-radius:3px;width:0%;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.quiz-navigation{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.quiz-counter{color:var(--gray-light);font-size:.95rem;font-weight:500}.quiz-counter span{color:var(--accent);font-weight:700}.btn-back{border:1px solid var(--border);color:var(--gray);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-family:var(--font-sans);background:0 0;padding:.6rem 1.2rem;transition:all .2s}.btn-back:hover{border-color:var(--accent);color:var(--accent)}.question-area{min-height:300px;margin-bottom:2rem}.question-text{color:var(--gray-light);margin-bottom:2rem;font-size:1.5rem;font-weight:700;line-height:1.4}.answers-grid{gap:1rem;display:grid}.qp-option{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:var(--font-sans);width:100%;padding:1.5rem;transition:all .2s}.qp-option:hover{border-color:var(--accent);transform:translateY(-2px)}.qp-option.active{border-color:var(--accent);background:var(--accent-glow)}.option-main{color:var(--gray-light);margin-bottom:.3rem;font-size:1.1rem;font-weight:600;display:block}.option-hint{color:var(--gray);font-size:.85rem;display:block}.result-area{animation:.5s fadeIn;display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-headline{color:var(--gray-light);text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:800}.stack-tiles{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.stack-tile{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;transition:all .3s}.stack-tile:hover{border-color:var(--accent);transform:translateY(-3px)}.tile-category{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.8rem;font-size:.85rem;font-weight:700;display:block}.tile-name{color:var(--gray-light);margin-bottom:.8rem;font-size:1.3rem;font-weight:700}.tile-why{color:var(--gray);margin-bottom:1rem;font-size:.95rem;line-height:1.5}.tile-link{color:var(--accent);align-items:center;gap:.3rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.tile-link:hover{color:var(--accent-dark);text-decoration:underline}.reasoning-summary{text-align:center;color:var(--gray);background:var(--bg);border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:2.5rem;padding:1rem;font-size:1.1rem}.alternatives-section{margin-bottom:2.5rem}.alternatives-title{color:var(--gray-light);margin-bottom:1rem;font-size:1.2rem;font-weight:700}.alternative-stack{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .2s;display:flex}.alternative-stack:hover{border-color:var(--accent)}.alt-name{color:var(--gray-light);font-size:1rem;font-weight:700}.alt-desc{color:var(--gray);flex:1;font-size:.95rem}.result-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-sans);border:none;padding:1rem 2rem;transition:all .3s;box-shadow:0 4px 12px #ff6b354d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b3566}.btn-secondary{border:1px solid var(--border);color:var(--gray-light);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-sans);background:0 0;padding:1rem 2rem;transition:all .3s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.explainer-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:4rem;padding:2.5rem}.explainer-section h2{color:var(--gray-light);text-align:center;margin-bottom:1.5rem;font-size:1.8rem;font-weight:800}.explainer-content{max-width:800px;color:var(--gray);margin:0 auto;font-size:1.05rem;line-height:1.7}.factor-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.factor-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem}.factor-card h3{color:var(--accent);margin-bottom:.8rem;font-size:1.1rem}.factor-card p{color:var(--gray);font-size:.95rem;line-height:1.6}.related-section{margin-bottom:4rem}.related-section h2{color:var(--gray-light);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.related-links{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.related-link{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--gray-light);padding:1.2rem;font-weight:600;text-decoration:none;transition:all .2s;display:block}.related-link:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}@media (width<=768px){.quiz-container{padding:1.5rem}.stack-tiles{grid-template-columns:1fr}.result-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}