body { margin: 0; background: #0d0318; }
    @media (max-width: 760px) {
      body, html { overflow-y: auto; }
    }
    a { color: #ff2fa8; text-decoration: none; }
    a:hover { color: #ff6cc4; }
    ::selection { background: #e9008b; color: #fff; }
    @keyframes pulseGlow { 0%,100% { opacity: .5; } 50% { opacity: 1; } }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes confettiBurst { 0% { transform: translate(0,0) scale(1); opacity: 1; } 100% { transform: translate(var(--dx), var(--dy)) scale(0.3); opacity: 0; } }
    * { scrollbar-width: none; }
    *::-webkit-scrollbar { display: none; width: 0; height: 0; }
    #intro-hero::part(frame) { background: transparent !important; }
    image-slot::part(frame) { outline: none !important; box-shadow: none !important; border: none !important; background: transparent !important; }
    image-slot::part(ring) { display: none !important; border: none !important; }