/* Shared Styles for Yellooi Landing & Tools */
body {
    font-family: 'Fredoka', sans-serif;
}

.blob {
    position: absolute;
    filter: blur(80px);
    z-index: -1;
    opacity: 0.4;
}

.hero-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23facc15' fill-opacity='0.2' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
}