.soc-hero{position:relative;padding:25px 2rem 10px;text-align:center;overflow:hidden;background:#150e35}.soc-hero-bg{position:absolute;inset:0;pointer-events:none}.soc-hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.soc-hero-orb--1{width:400px;height:400px;top:-120px;left:15%}.soc-hero-orb--2{width:300px;height:300px;bottom:-100px;right:10%}.soc-hero-orb--cyan{background:radial-gradient(circle,rgba(0,217,255,.08) 0%,transparent 70%)}.soc-hero-orb--violet{background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%)}.soc-hero-orb--gold{background:radial-gradient(circle,rgba(255,216,0,.07) 0%,transparent 70%)}.soc-hero-orb--rose{background:radial-gradient(circle,rgba(255,92,138,.07) 0%,transparent 70%)}.soc-hero-grid{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 59px,rgba(0,217,255,.025) 59px,rgba(0,217,255,.025) 60px),repeating-linear-gradient(90deg,transparent,transparent 59px,rgba(0,217,255,.025) 59px,rgba(0,217,255,.025) 60px);mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(0,0,0,.4) 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(0,0,0,.4) 0%,transparent 70%)}.soc-hero-scanline{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,217,255,.15) 20%,rgba(0,217,255,.4) 50%,rgba(0,217,255,.15) 80%,transparent 100%);animation:socHeroScan 4s ease-in-out infinite}.soc-hero--violet .soc-hero-scanline{background:linear-gradient(90deg,transparent 0%,rgba(168,85,247,.15) 20%,rgba(168,85,247,.4) 50%,rgba(168,85,247,.15) 80%,transparent 100%)}.soc-hero--gold .soc-hero-scanline{background:linear-gradient(90deg,transparent 0%,rgba(255,216,0,.12) 20%,rgba(255,216,0,.3) 50%,rgba(255,216,0,.12) 80%,transparent 100%)}.soc-hero--rose .soc-hero-scanline{background:linear-gradient(90deg,transparent 0%,rgba(255,92,138,.12) 20%,rgba(255,92,138,.3) 50%,rgba(255,92,138,.12) 80%,transparent 100%)}@keyframes socHeroScan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.soc-hero-inner{position:relative;z-index:1;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.75rem}.soc-hero-category{font-family:var(--font-heading);font-size:.6rem;font-weight:700;letter-spacing:5px;text-transform:uppercase;padding:.35rem 1.2rem;border-radius:20px;animation:socHeroFadeIn .6s ease both}.soc-hero-category--cyan{background:#00d9ff0f;border:1px solid rgba(0,217,255,.18);color:#00d9ffe6}.soc-hero-category--violet{background:#a855f70f;border:1px solid rgba(168,85,247,.2);color:#a855f7e6}.soc-hero-category--gold{background:#ffd8000f;border:1px solid rgba(255,216,0,.18);color:#ffd800d9}.soc-hero-category--rose{background:#ff5c8a0f;border:1px solid rgba(255,92,138,.18);color:#ff5c8ad9}.soc-hero-title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.2rem);font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.03em;margin:.25rem 0 0;white-space:nowrap;animation:socHeroFadeIn .65s ease .1s both}.soc-hero-subtitle{font-family:Roboto,sans-serif;font-size:clamp(.88rem,1.5vw,1.05rem);color:#ffffff73;line-height:1.65;margin:0;max-width:52ch;animation:socHeroFadeIn .6s ease .2s both}.soc-hero-line{width:60px;height:2px;border-radius:2px;margin-top:.5rem;animation:socHeroLineGrow .55s cubic-bezier(.16,1,.3,1) .4s both}.soc-hero-line--cyan{background:linear-gradient(90deg,#00d9ff,#00d9ff4d)}.soc-hero-line--violet{background:linear-gradient(90deg,#a855f7,#a855f74d)}.soc-hero-line--gold{background:linear-gradient(90deg,#ffd800,#ffd8004d)}.soc-hero-line--rose{background:linear-gradient(90deg,#ff5c8a,#ff5c8a4d)}.soc-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}@keyframes socHeroFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes socHeroLineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width: 640px){.soc-hero{padding:10px 1.5rem}.soc-hero-title{font-size:1.75rem}}@media (prefers-reduced-motion: reduce){.soc-hero-scanline,.soc-hero-category,.soc-hero-title,.soc-hero-subtitle,.soc-hero-line{animation:none}}