.etp-hierarchy{display:flex;flex-direction:column;align-items:center;margin:30px 0;padding:20px;background-color:#f1f5f9;border-radius:12px}.hierarchy-root{background-color:#1e293b;color:#fff;padding:15px 30px;border-radius:8px;font-weight:700;font-size:1.2rem;margin-bottom:20px;position:relative;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.hierarchy-root:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:2px;height:10px;background-color:#94a3b8}.hierarchy-branches{display:flex;gap:40px;position:relative}.hierarchy-branches:before{content:"";position:absolute;top:-10px;left:calc(50% - 120px);right:calc(50% - 120px);height:2px;background-color:#94a3b8}.hierarchy-branch{background-color:#fff;padding:20px;border-radius:8px;text-align:center;border:2px solid #cbd5e1;width:200px;position:relative;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.hierarchy-branch:before{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:2px;height:10px;background-color:#94a3b8}.etf-branch{border-color:#10b981}.etf-branch strong{color:#10b981;font-size:1.3rem}.etn-branch{border-color:#ef4444}.etn-branch strong{color:#ef4444;font-size:1.3rem}.quiz-container{display:flex;flex-direction:column;gap:20px;margin-top:20px}.quiz-question{background-color:#fff;padding:20px;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.02)}.quiz-question p{margin-top:0;margin-bottom:15px;color:#1e293b}.quiz-buttons{display:flex;gap:15px;flex-wrap:wrap}.quiz-btn{flex:1 1;min-width:200px;padding:15px;background-color:#f8fafc;border:2px solid #cbd5e1;border-radius:8px;cursor:pointer;font-size:.95rem;color:#475569;transition:all .2s ease}.quiz-btn:hover{background-color:#f1f5f9;border-color:#94a3b8}.quiz-btn.selected{background-color:#eff6ff;border-color:#3b82f6;color:#1d4ed8;font-weight:600;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.quiz-result{margin-top:30px;padding:25px;border-radius:12px;text-align:center;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-etf{background-color:#ecfdf5;border:2px solid #10b981;color:#065f46}.result-etn{background-color:#fef2f2;border:2px solid #ef4444;color:#991b1b}.quiz-result h4{margin-top:0;font-size:1.3rem;margin-bottom:10px}.quiz-result p{margin-bottom:0;line-height:1.6}