.social-page-wrapper{z-index:3;color:#e5e7eb;max-width:1100px;min-height:calc(100vh - 72px);margin:0 auto;padding:32px 24px 56px;position:relative}.social-hero{background:radial-gradient(circle at 0 0,#5b7fff8c,#0000 60%),linear-gradient(135deg,#002aff 0%,#1f3bff 55%,#0a1a66 100%);border:1px solid #ffffff2e;border-radius:24px;grid-template-columns:minmax(0,2.1fr) minmax(0,1.4fr);gap:16px;margin-bottom:28px;padding:28px 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #002aff73,inset 0 1px #ffffff1f}.social-hero:after{content:"";pointer-events:none;opacity:.6;background:linear-gradient(120deg,#0000 30%,#ffffff1f,#0000 70%);animation:8s linear infinite heroSheen;position:absolute;inset:0}@keyframes heroSheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}.social-hero-title{margin-bottom:4px;font-size:2.1rem;font-weight:700}.social-hero-subtitle{opacity:.9;max-width:520px;font-size:.95rem}.social-hero-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.social-hero-tags span{background:#0f172a33;border:1px solid #ffffff2e;border-radius:999px;padding:5px 10px;font-size:.78rem}.social-quick-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.social-quick-link{color:#e5e7eb;background:#0f172abf;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.78rem;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;display:flex}.social-quick-link:hover{background:radial-gradient(circle at 0 0,#002aff2e,#0f172ad9);border-color:#002affa6;transform:translateY(-2px);box-shadow:0 10px 20px #0f172ae6}.social-quick-link-icon{background:#0f172ae6;border:1px solid #94a3b859;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.social-quick-link-icon svg{color:#fff;width:16px;height:16px}.quick-link-name{opacity:.86}.social-accent-purple.social-quick-link{border-color:#002affbf}.social-accent-red.social-quick-link{border-color:#f87171e6}.social-accent-pink.social-quick-link{border-color:#22d3eed9}.social-accent-green.social-quick-link{border-color:#34d399e6}.social-accent-blue.social-quick-link{border-color:#60a5fae6}.social-accent-yellow.social-quick-link{border-color:#facc15f2}.social-section{margin-top:22px}.social-section-title{margin-bottom:4px;font-size:1.3rem;font-weight:600}.social-section-subtitle{opacity:.8;margin-bottom:10px;font-size:.86rem}.social-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.social-card{color:#e5e7eb;opacity:0;background:#0f172af5;border:1px solid #94a3b899;border-radius:20px;flex-direction:column;gap:6px;padding:16px 18px 18px;text-decoration:none;animation:.5s forwards socialFadeUp;display:flex;position:relative;overflow:hidden;transform:translateY(12px);box-shadow:0 14px 32px #0f172ae6}@keyframes socialFadeUp{to{opacity:1;transform:translateY(0)}}.social-card:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(135deg,#002aff,#335cff,#22d3ee);padding:1px;transition:opacity .2s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.social-card:hover:before{opacity:1}.social-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0f172a,0 0 22px #002aff2e}.social-accent-purple:hover{box-shadow:0 18px 42px #002aff73}.social-accent-red:hover{box-shadow:0 18px 42px #f8717173}.social-accent-pink:hover{box-shadow:0 18px 42px #22d3ee73}.social-accent-green:hover{box-shadow:0 18px 42px #34d39973}.social-accent-blue:hover{box-shadow:0 18px 42px #60a5fa8c}.social-accent-yellow:hover{box-shadow:0 18px 42px #facc1559}.social-card-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.social-name{font-size:1rem;font-weight:600}.social-tag-pill{text-transform:uppercase;letter-spacing:.14em;background:#0f172ae6;border:1px solid #f8fafcd9;border-radius:999px;padding:3px 8px;font-size:.7rem}.social-card-icon-circle{color:#fff;background:radial-gradient(circle at 0 0,#002aff2e,#0f172af2);border:1px solid #94a3b8cc;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:4px;display:inline-flex}.social-card-icon-circle svg{width:18px;height:18px}.social-card-icon-circle.small{width:28px;height:28px}.social-card-icon-circle.small svg{width:15px;height:15px}.social-handle{opacity:.9;font-size:.86rem}.social-description{opacity:.85;font-size:.82rem}.social-secondary{background:#0f172ad9;box-shadow:0 12px 28px #0f172ae6}.social-section.embeds{margin-top:28px}.social-embeds-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.embed-card{background:#0f172af5;border:1px solid #94a3b899;border-radius:20px;padding:14px 16px 18px;box-shadow:0 16px 32px #0f172ae6}.embed-title{font-size:1rem;font-weight:600}.embed-subtitle{opacity:.8;margin-bottom:10px;font-size:.85rem}.embed-frame-wrapper{background:#020617;border-radius:14px;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.embed-frame{border:none;width:100%;height:100%;position:absolute;inset:0}.embed-placeholder{opacity:.9;border:1px dashed #94a3b899;border-radius:14px;padding:14px;font-size:.82rem}@media (max-width:700px){.social-hero{grid-template-columns:minmax(0,1fr);padding:24px 18px}.social-quick-links{justify-content:flex-start}.social-grid{grid-template-columns:minmax(0,1fr)}.social-card{text-align:center;border-radius:999px;align-items:center;padding:20px 22px}.social-card-header{justify-content:center}.social-description{display:none}.social-embeds-grid{grid-template-columns:minmax(0,1fr)}}