.social-page{background:var(--color-ground)}.social-page .wrap{max-width:1180px;padding-left:32px;padding-right:32px}.social-page .section-pad{padding-top:96px;padding-bottom:96px}@media (max-width:768px){.social-page .wrap{padding-left:20px;padding-right:20px}}.soc__hero{align-items:center;min-height:640px;padding:clamp(56px,9vw,104px) 0;display:flex;position:relative;overflow:hidden}.soc__hero-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.soc__hero-overlay{z-index:1;background:linear-gradient(100deg,#140614eb 0%,#140614c7 34%,#14061452 68%,#1406141a 100%);position:absolute;top:0;bottom:0;left:0;right:0}.soc__hero-grid{z-index:2;width:100%;position:relative}.soc__hero-copy{max-width:640px}.soc__hero-pill{border-radius:var(--radius-pill);color:#fff;font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;background:#ffffff1a;border:1px solid #fff3;align-items:center;gap:8px;margin-bottom:22px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.soc__hero-title{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:0 0 20px;font-size:clamp(2.4rem,4.6vw,3.5rem);font-weight:800;line-height:1.06}.soc__hero-sub{font-family:var(--font-ui);color:#ffffffc7;max-width:500px;margin:0 0 32px;font-size:1.1rem;line-height:1.6}.soc__hero-cta{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.soc__hero-note{font-family:var(--font-ui);color:#ffffffb3;align-items:center;gap:8px;font-size:.85rem;display:flex}.soc__live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.6s ease-in-out infinite soc-pulse}@keyframes soc-pulse{0%,to{opacity:1}50%{opacity:.35}}.soc__card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px)saturate(1.4);width:100%;max-width:380px;box-shadow:var(--shadow-hover);background:#0a0a0b8c;border:1px solid #ffffff24;margin:0 auto;position:relative;overflow:hidden}.soc__card-top{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;padding:16px 20px;display:flex}.soc__card-avatar{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4);border-radius:50%;flex-shrink:0;width:32px;height:32px}.soc__card-title{font-family:var(--font-ui);color:#fff;font-size:.85rem;font-weight:650}.soc__card-sub{font-family:var(--font-ui);color:#ffffff80;font-size:.72rem}.soc__card-body{flex-direction:column;gap:14px;padding:20px;display:flex}.soc__comment{opacity:0;gap:10px;animation:.4s forwards soc-msg-in;display:flex}.soc__comment--in{animation-delay:.2s}.soc__comment--out{animation-delay:1.3s}@keyframes soc-msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.soc__comment-avatar{background:#ffffff29;border-radius:50%;flex-shrink:0;width:26px;height:26px}.soc__comment--out .soc__comment-avatar{background:var(--color-accent-strong)}.soc__comment-block{flex:1}.soc__comment-name{font-family:var(--font-ui);color:#fff;margin-bottom:3px;font-size:.78rem;font-weight:650}.soc__comment-text{font-family:var(--font-ui);color:#ffffffbf;font-size:.84rem;line-height:1.5}.soc__comment--out .soc__comment-text{color:#fff}.soc__comment-meta{font-family:var(--font-ui);color:#fff6;gap:10px;margin-top:4px;font-size:.68rem;display:flex}@media (max-width:900px){.soc__hero{min-height:520px}.soc__hero-copy{max-width:100%}}