.sc-fan-page{--sc-fan-navy:#0b1f4d;--sc-fan-gold:#f4c430;--sc-fan-border:#e2e8f0;max-width:1100px;margin:0 auto;padding:20px 16px 48px;overflow-x:hidden}.sc-fan-hero{border-radius:18px;background:linear-gradient(135deg,var(--sc-fan-navy),#1a3568);color:#fff;padding:24px 20px;margin-bottom:20px;border:1px solid rgba(244,196,48,.25)}.sc-fan-hero h1{margin:6px 0 8px;font-size:clamp(1.4rem,3.5vw,1.9rem);font-weight:900}.sc-fan-hero p{margin:0;opacity:.9;font-weight:600;line-height:1.5;max-width:560px}.sc-fan-eyebrow{margin:0;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sc-fan-gold)}.sc-fan-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:11px;font-weight:800;font-size:.86rem;text-decoration:none;border:1px solid transparent;cursor:pointer}.sc-fan-btn--gold{background:var(--sc-fan-gold);color:var(--sc-fan-navy)}.sc-fan-btn--ghost{background:hsla(0,0%,100%,.1);color:#fff;border-color:hsla(0,0%,100%,.25)}.sc-fan-btn--navy{background:var(--sc-fan-navy);color:#fff}.sc-fan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px}.sc-fan-card{border:1px solid var(--sc-fan-border);border-radius:14px;padding:16px;background:#fff;min-width:0}.sc-fan-card h3{margin:0 0 6px;font-size:1rem;font-weight:900;color:var(--sc-fan-navy)}.sc-fan-card p{margin:0;font-size:.86rem;color:#475569;font-weight:600;line-height:1.45}.sc-fan-feed{display:flex;flex-direction:column;gap:12px}.sc-fan-feed-item{border:1px solid var(--sc-fan-border);border-radius:12px;padding:14px 16px;background:#fff}.sc-fan-badge{display:inline-flex;padding:3px 9px;border-radius:999px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:#f1f5f9;color:#475569}.sc-fan-badge--poll{background:#dbeafe;color:#1e40af}.sc-fan-badge--prediction{background:#fef3c7;color:#92400e}.sc-fan-badge--campaign{background:#fce7f3;color:#9d174d}.sc-fan-reactions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sc-fan-reaction-btn{padding:6px 12px;border-radius:999px;border:1px solid var(--sc-fan-border);background:#f8fafc;font-weight:700;font-size:.82rem;cursor:pointer}.sc-fan-reaction-btn:disabled{opacity:.6;cursor:not-allowed}.sc-fan-empty{text-align:center;padding:32px 16px;border-radius:14px;border:1px dashed #cbd5e1;background:#f8fafc;color:#475569;font-weight:700}.sc-fan-notice{border-radius:12px;padding:12px 14px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;font-weight:600;font-size:.86rem;margin-bottom:16px}.sc-fan-stat-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.sc-fan-stat{flex:1 1 120px;border:1px solid var(--sc-fan-border);border-radius:12px;padding:12px;background:#fff}.sc-fan-stat strong{display:block;font-size:1.2rem;color:var(--sc-fan-navy)}.sc-fan-stat span{font-size:.68rem;font-weight:700;color:#475569;text-transform:uppercase}@media (max-width:640px){.sc-fan-page{padding-left:12px;padding-right:12px}}