body { font-family: 'Inter', sans-serif; background-color: #0a0a0a; color: #e5e5e5; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; }
.glitch-effect { position: relative; }
.glitch-effect::before, .glitch-effect::after {
    content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.glitch-effect::before { left: 2px; text-shadow: -1px 0 red; clip: rect(24px, 550px, 90px, 0); animation: glitch-anim 2s infinite linear alternate-reverse; }
.glitch-effect::after { left: -2px; text-shadow: -1px 0 blue; clip: rect(85px, 550px, 140px, 0); animation: glitch-anim 2.5s infinite linear alternate-reverse; }
@keyframes glitch-anim {
    0% { clip: rect(10px, 9999px, 83px, 0); }
    20% { clip: rect(62px, 9999px, 13px, 0); }
    40% { clip: rect(34px, 9999px, 95px, 0); }
    60% { clip: rect(89px, 9999px, 45px, 0); }
    80% { clip: rect(22px, 9999px, 76px, 0); }
    100% { clip: rect(54px, 9999px, 21px, 0); }
}
.copy-paste-card { transition: all 0.3s ease; }
.copy-paste-card:hover { transform: scale(1.02); box-shadow: 0 0 20px rgba(220, 38, 38, 0.4); border-color: #dc2626; z-index: 10; }

/* Hide scrollbar for marquee */
.marquee-container::-webkit-scrollbar { display: none; }
.marquee-container { -ms-overflow-style: none; scrollbar-width: none; }