.stories-hero{background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color: white;padding: 8rem 2rem 4rem;text-align: center}.stories-hero h1{font-size: 2.5rem;margin-bottom: 1rem}.stories-hero p{font-size: 1.2rem;opacity: 0.9;max-width: 700px;margin: 0 auto}.stories-container{max-width: 900px;margin: 0 auto;padding: 3rem 2rem}.story-card{background: white;border-radius: 12px;padding: 2rem;margin-bottom: 2rem;box-shadow: 0 4px 15px rgba(0,0,0,0.08);border-left: 5px solid var(--accent)}.story-card.pending{border-left-color: var(--primary)}.story-header{display: flex;align-items: center;gap: 1rem;margin-bottom: 1rem}.story-avatar{width: 60px;height: 60px;border-radius: 50%;background: var(--accent);display: flex;align-items: center;justify-content: center;color: var(--primary);font-size: 1.5rem;font-weight: 700}.story-meta :is(h2, h3){color: var(--primary);margin: 0;font-size: 1.25rem}.story-meta .location{color: var(--text-light);font-size: 0.9rem}.story-status{margin-left: auto;padding: 0.3rem 0.8rem;border-radius: 20px;font-size: 0.8rem;font-weight: 600}.story-status.victory{background: #d4edda;color: #155724}.story-status.fighting{background: #fff3cd;color: #856404}.story-content{color: var(--text);line-height: 1.8}.story-content p{margin-bottom: 1rem}.story-quote{background: var(--bg-alt);padding: 1.5rem;border-radius: 8px;font-style: italic;margin: 1.5rem 0;position: relative}.story-quote::before{content: '"';font-size: 4rem;color: var(--accent);position: absolute;top: -10px;left: 10px;opacity: 0.3;font-family: Georgia, serif}.story-outcome{background: linear-gradient(135deg, var(--accent), var(--accent-dark));color: white;padding: 1rem 1.5rem;border-radius: 8px;margin-top: 1.5rem}.story-outcome :is(h3, h4){margin: 0 0 0.5rem;font-size: 1rem}.share-story-section{background: var(--bg-alt);padding: 3rem 2rem;text-align: center}.share-story-section h2{color: var(--primary);margin-bottom: 1rem}.share-story-section p{max-width: 600px;margin: 0 auto 2rem;color: var(--text-light)}.stats-banner{background: var(--primary);color: white;padding: 2rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 2rem;text-align: center}.stat-item .stat-number{font-size: 2.5rem;font-weight: 700;color: var(--accent)}.stat-item .stat-label{font-size: 0.9rem;opacity: 0.9}@media (max-width: 600px){.story-header{flex-wrap: wrap}.story-status{margin-left: 0;margin-top: 0.5rem}}