.scroll-indicator{display:inline-block;color:rgba(255,255,255,0.7);letter-spacing:0.15em;font-size:12px;animation:floatUpDown 3s ease-in-out infinite;text-align:center}@keyframes floatUpDown{0%{transform:translateY(0)}50%{transform:translateY(14px)}100%{transform:translateY(0)}}.nubayin-card{position:relative;overflow:hidden;border-radius:16px;transform:translateY(0);transition:transform 0.45s cubic-bezier(.16,.96,.37,1),box-shadow 0.45s ease}.nubayin-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.55s ease}.nubayin-card:hover{transform:translateY(-10px);box-shadow:0 14px 28px rgba(94,196,222,0.12)}.nubayin-card:hover img{transform:scale(1.03)}.nubayin-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(94,196,222,0.10),transparent 72%);opacity:0;transition:opacity 0.45s ease;pointer-events:none}.nubayin-card:hover::after{opacity:0.7}.social-card{position:relative;background:#05070a;border-radius:18px;padding:24px;transition:transform 0.35s ease,box-shadow 0.35s ease,background 0.35s ease;overflow:hidden}.social-card::after{content:"";position:absolute;top:0;left:-140%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.12),transparent);transform:skewX(-20deg);opacity:0;transition:opacity 0.4s ease}.social-card:hover{transform:translateY(-6px);background:#0a0d12;box-shadow:0 12px 28px rgba(94,196,222,0.18)}.social-card:hover::after{animation:sweep 0.9s ease forwards;opacity:1}.social-card .icon{display:inline-block;transition:transform 0.35s ease,opacity 0.35s ease}.social-card:hover .icon{transform:translateY(-4px);opacity:1}.social-card:hover .platform{color:#fff}.social-card:hover .handle{color:#aab4c8}@keyframes sweep{0%{left:-140%}100%{left:160%}}