.social-page{background:#05050a;min-height:100vh}
.social-page:before{background:radial-gradient(circle at 15% 8%,#35c9ff1a,transparent 26%),radial-gradient(circle at 84% 76%,#f64ac91c,transparent 29%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,auto,46px 46px,46px 46px;content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}
.social-hub{padding-bottom:6rem;padding-top:clamp(3rem,8vw,6rem)}
.social-intro{margin:0 auto 3rem;max-width:860px;text-align:center}
.social-lede{background:linear-gradient(90deg,#4cf5ff,#4d91ff,#9c55ff,#f64ac9,#ff9d37);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:clamp(1.7rem,3.5vw,2.75rem);font-weight:850;line-height:1.16;margin:0}
.social-sublede{color:#d9d9ec;font-size:clamp(1.18rem,2.3vw,1.55rem);font-weight:600;line-height:1.45;margin:1rem auto 0;max-width:650px}
.social-contact-list{display:grid;gap:1.2rem;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}
.social-contact-card{--accent:#4cf5ff;--icon-image:url('/cl-assets/images/social-neon-sprite.png');--icon-position:0 0;--icon-size:200% 200%;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,#121421),#080910 72%);border:2px solid var(--accent);border-radius:20px;box-shadow:0 0 23px color-mix(in srgb,var(--accent) 33%,transparent),inset 0 0 26px #0008;isolation:isolate;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}
.social-contact-card:hover{box-shadow:0 0 36px color-mix(in srgb,var(--accent) 68%,transparent),inset 0 0 26px #0008;transform:translateY(-5px)}
.social-contact-card:before{aspect-ratio:1;background-image:var(--icon-image);background-position:var(--icon-position);background-repeat:no-repeat;background-size:var(--icon-size);content:"";filter:brightness(1.75) contrast(3.2) saturate(1.3);height:calc(100% + 2rem);mix-blend-mode:screen;opacity:.68;pointer-events:none;position:absolute;right:-1.35rem;top:-1rem;width:auto;z-index:0}
.social-contact-card a{align-items:flex-start;color:#fff;display:flex;flex-direction:column;font-weight:850;justify-content:center;line-height:1.1;min-height:238px;padding:2.15rem;position:relative;text-decoration:none;z-index:1}
.contact-icon{display:none}
.contact-icon svg{display:none}
.contact-telegram{--icon-position:0 0}.contact-email{--icon-position:100% 0}.contact-github{--icon-position:0 100%}.contact-eventbrite{--icon-position:100% 100%}.contact-instagram{--icon-image:url('/cl-assets/images/social-instagram-neon.png');--icon-position:center;--icon-size:cover}
.contact-name{font-size:clamp(2.25rem,4vw,3rem);line-height:1.04;max-width:50%;overflow-wrap:anywhere}
.contact-description{color:color-mix(in srgb,#fff 88%,var(--accent));display:block;font-size:clamp(1.28rem,2vw,1.55rem);font-weight:600;line-height:1.42;margin-top:.85rem;max-width:50%;overflow-wrap:break-word}
.contact-telegram{--accent:#4cf5ff}.contact-email{--accent:#638eff}.contact-github{--accent:#9c55ff}.contact-instagram{--accent:#f64ac9}.contact-eventbrite{--accent:#ff9d37}
@media(max-width:620px){.social-hub{padding-bottom:3.5rem;padding-top:2.5rem}.social-intro{margin-bottom:2.2rem}.social-contact-list{grid-template-columns:1fr}.social-contact-card:before{height:calc(100% + 1rem);right:-.75rem;top:-.5rem}.social-contact-card a{min-height:230px;padding:1.7rem}.contact-name{font-size:2.2rem;max-width:none;white-space:nowrap}.contact-description{font-size:1.25rem;max-width:50%}}