.container[data-v-e1cbdbed]{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.hero[data-v-e1cbdbed]{text-align:center;margin-bottom:3rem}.hero h1[data-v-e1cbdbed]{font-size:2.2rem;margin-bottom:1rem;background:linear-gradient(135deg,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle[data-v-e1cbdbed]{font-size:1.1rem;color:var(--color-text-secondary);max-width:800px;margin:0 auto}.section-title[data-v-e1cbdbed]{font-size:1.8rem;text-align:center;margin-bottom:2rem}.concepts[data-v-e1cbdbed]{margin-bottom:3rem}.concepts-grid[data-v-e1cbdbed]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.concept-card[data-v-e1cbdbed]{padding:2rem;border-radius:12px;border:2px solid}.positive[data-v-e1cbdbed]{background:#22c55e1a;border-color:#22c55e}.negative[data-v-e1cbdbed]{background:#ef44441a;border-color:#ef4444}.neutral[data-v-e1cbdbed]{background:#6b72801a;border-color:#6b7280}.concept-card h3[data-v-e1cbdbed]{margin:0 0 1rem;font-size:1.3rem}.concept-card p[data-v-e1cbdbed]{margin:0 0 1rem;color:var(--color-text-secondary)}.concept-card ul[data-v-e1cbdbed]{margin:0;padding-left:1.5rem;color:var(--color-text-secondary)}.concept-card li[data-v-e1cbdbed]{margin:.5rem 0}.friendships[data-v-e1cbdbed],.rivalries[data-v-e1cbdbed]{margin-bottom:3rem}.friendship-list[data-v-e1cbdbed],.rivalry-list[data-v-e1cbdbed]{display:flex;flex-direction:column;gap:1rem}.relationship-pair[data-v-e1cbdbed]{padding:1.5rem;background:var(--color-surface);border-radius:12px;border:2px solid #22c55e;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.relationship-pair.rivalry[data-v-e1cbdbed]{border-color:#ef4444}.pair-heroes[data-v-e1cbdbed]{flex:1;font-weight:700;font-size:1.1rem;color:var(--color-text)}.pair-bonus[data-v-e1cbdbed]{padding:.5rem 1rem;background:#22c55e;color:#fff;border-radius:999px;font-weight:700}.pair-penalty[data-v-e1cbdbed]{padding:.5rem 1rem;background:#ef4444;color:#fff;border-radius:999px;font-weight:700}.relationship-pair p[data-v-e1cbdbed]{flex:1 0 100%;margin:.5rem 0 0;color:var(--color-text-secondary)}.chart[data-v-e1cbdbed]{margin-bottom:3rem}.chart-note[data-v-e1cbdbed]{padding:1rem;background:#6366f11a;border-radius:8px;margin-bottom:1.5rem;text-align:center}.chart-note p[data-v-e1cbdbed]{margin:0;color:var(--color-text-secondary)}.chart-table[data-v-e1cbdbed]{overflow-x:auto}table[data-v-e1cbdbed]{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:12px;overflow:hidden}th[data-v-e1cbdbed],td[data-v-e1cbdbed]{padding:1rem;text-align:center;border:1px solid var(--color-border)}th[data-v-e1cbdbed]{background:var(--color-primary);color:#fff;font-weight:700}td[data-v-e1cbdbed]{color:var(--color-text-secondary)}.chart-cta[data-v-e1cbdbed]{text-align:center;margin-top:1.5rem}.btn-secondary[data-v-e1cbdbed]{display:inline-block;padding:1rem 2rem;background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-primary);border-radius:8px;text-decoration:none;font-weight:700}.strategies[data-v-e1cbdbed]{margin-bottom:3rem}.strategy-list[data-v-e1cbdbed]{display:flex;flex-direction:column;gap:1.5rem}.strategy[data-v-e1cbdbed]{padding:1.5rem;background:var(--color-surface);border-radius:12px;border-left:4px solid var(--color-primary)}.strategy h4[data-v-e1cbdbed]{margin:0 0 .75rem;color:var(--color-text)}.strategy p[data-v-e1cbdbed]{margin:0;color:var(--color-text-secondary);line-height:1.6}.faq[data-v-e1cbdbed]{margin-bottom:3rem}.faq-item[data-v-e1cbdbed]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:1rem;padding:1.5rem}.faq-item summary[data-v-e1cbdbed]{font-weight:700;cursor:pointer;color:var(--color-text)}.faq-item p[data-v-e1cbdbed]{margin-top:1rem;color:var(--color-text-secondary);line-height:1.7}.cta-box[data-v-e1cbdbed]{padding:3rem;background:linear-gradient(135deg,#6366f11a,#3b82f60d);border-radius:16px;text-align:center}.cta-box h3[data-v-e1cbdbed]{font-size:1.8rem;margin:0 0 .5rem}.cta-box p[data-v-e1cbdbed]{margin:0 0 1.5rem;color:var(--color-text-secondary)}.btn[data-v-e1cbdbed]{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;border-radius:8px;text-decoration:none;font-weight:700}@media(max-width:768px){.hero h1[data-v-e1cbdbed]{font-size:1.8rem}.concepts-grid[data-v-e1cbdbed]{grid-template-columns:1fr}.chart-table[data-v-e1cbdbed]{font-size:.85rem}th[data-v-e1cbdbed],td[data-v-e1cbdbed]{padding:.5rem}}