.social-hub-body{min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(123,92,255,.17),transparent 26%),radial-gradient(circle at 88% 16%,rgba(95,232,255,.1),transparent 24%),linear-gradient(180deg,#030b1c,#07152f 48%,#041021)}
.social-shell{width:min(1450px,calc(100% - 24px));margin:24px auto 64px}
.social-hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;padding:30px;border-radius:30px;border:1px solid rgba(141,186,255,.12);background:linear-gradient(145deg,rgba(8,25,59,.96),rgba(6,18,43,.98));box-shadow:0 34px 110px rgba(0,0,0,.30)}
.social-hero h1{margin:7px 0 9px;font-size:clamp(2.6rem,5vw,5rem);letter-spacing:-.065em;line-height:.95}.social-hero p{margin:0;max-width:860px;color:#8fa5c5;line-height:1.7}
.social-live-card{padding:16px 18px;border-radius:18px;border:1px solid rgba(89,223,168,.12);background:rgba(89,223,168,.035)}.social-live-card i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#59dfa8;box-shadow:0 0 12px #59dfa8;margin-right:7px}.social-live-card strong,.social-live-card small{display:block}.social-live-card small{margin-top:4px;color:#758aaa}
.social-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.social-kpis article{padding:15px;border-radius:18px;border:1px solid rgba(141,186,255,.08);background:rgba(255,255,255,.018)}.social-kpis span,.social-kpis small,.social-kpis strong{display:block}.social-kpis small{margin-top:7px;color:#7187a9;font-size:.5rem;text-transform:uppercase}.social-kpis strong{margin-top:3px;font-size:1.15rem}
.social-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:15px;margin-top:15px}.social-section{padding:20px;border-radius:24px}.social-section+.social-section{margin-top:15px}.social-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:13px}.social-section-head h2{margin:5px 0 0}
.social-feed,.notif-list{display:grid;gap:9px}.social-feed-item,.notif-item{padding:13px;border-radius:16px;border:1px solid rgba(141,186,255,.07);background:rgba(255,255,255,.018)}.social-feed-item strong,.social-feed-item small,.notif-item strong,.notif-item small{display:block}.social-feed-item small,.notif-item small{margin-top:4px;color:#7187a9}.notif-item.unread{border-color:rgba(95,232,255,.14);background:rgba(95,232,255,.025)}
.rivalry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.rivalry-card{padding:15px;border-radius:17px;border:1px solid rgba(141,186,255,.07);background:rgba(255,255,255,.018)}.rivalry-card h3{margin:6px 0}.rivalry-card p{margin:0;color:#7f95b7}
.social-shortcuts{display:grid;gap:7px;margin-top:11px}.social-shortcuts a{padding:11px;border-radius:13px;border:1px solid rgba(141,186,255,.07);background:rgba(255,255,255,.016);color:#e8f0ff;text-decoration:none}
@media(max-width:980px){.social-layout{grid-template-columns:1fr}.social-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.social-hero{grid-template-columns:1fr;padding:18px}.rivalry-grid{grid-template-columns:1fr}.social-shell{width:calc(100% - 14px)}}