.viral-section{background:radial-gradient(ellipse at top,#12366d55,transparent 50%),#080e18;border-block:1px solid #243855}.viral-highlight{text-align:center;padding:24px;margin:0 auto 38px;max-width:550px;border-block:1px solid #34598b}.viral-highlight span{display:block;font-size:11px;color:#8eaace;letter-spacing:.07em}.viral-highlight strong{display:block;font-size:clamp(36px,5vw,58px);letter-spacing:-.05em;color:#85bdff;margin:9px 0}.viral-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.viral-card{min-width:0;border:1px solid #2e4564;border-radius:15px;overflow:hidden;background:#101e31;box-shadow:0 12px 25px #0003;transition:transform .2s,border-color .2s}.viral-card:hover{transform:translateY(-5px);border-color:#5daaff}.viral-shot{position:relative;overflow:hidden;background:#07101d}.viral-shot svg{display:block;width:100%;aspect-ratio:316/493}.viral-index{position:absolute;top:12px;right:10px;padding:5px 7px;border-radius:4px;background:#061426bd;color:#e6efff;font-size:8px;letter-spacing:.1em}.viral-caption{padding:18px 17px;background:linear-gradient(110deg,#162e4f,#101b2c)}.viral-caption strong{display:block;color:#a1ccff;font-size:32px;line-height:1.1;letter-spacing:-.04em}.viral-caption span{display:block;margin-top:6px;font-size:11px;color:#a1b4ce}.viral-end{text-align:center;color:#8fa5c3;font-size:13px;margin:30px 0 0}@media(max-width:850px){.viral-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media(max-width:560px){.viral-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.viral-caption{padding:14px 12px}.viral-caption strong{font-size:27px}.viral-caption span{font-size:10px}.viral-index{font-size:7px;top:8px;right:7px}.viral-highlight{padding:20px 10px}.viral-highlight>span:first-child{font-size:9px}.viral-card{border-radius:11px}}@media(prefers-reduced-motion:reduce){.viral-card{transition:none}.viral-card:hover{transform:none}}