/* blob */
*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}
.bg-organic-shapes {
    background-color: white;
    background-image: 
        radial-gradient(circle at 10% 20%, var(--pastel-pink) 0%, var(--pastel-pink) 20%, transparent 20%),
        radial-gradient(circle at 90% 85%, var(--pastel-green) 0%, var(--pastel-green) 25%, transparent 25%),
        radial-gradient(circle at 50% 50%, var(--pastel-purple) 0%, var(--pastel-purple) 15%, transparent 15%),
        radial-gradient(circle at 80% 10%, var(--pastel-yellow) 0%, var(--pastel-yellow) 10%, transparent 10%),
        radial-gradient(ellipse at 15% 85%, var(--pastel-pink) 0%, var(--pastel-pink) 15%, transparent 15%);
    background-attachment: fixed;
}
.blob-1 { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; }
.blob-2 { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
.blob-3 { border-radius: 50% 50% 20% 80% / 25% 80% 20% 75%; }
.bg-pastel-pink {
    --tw-bg-opacity: 1;
    background-color: rgb(252 229 230 / var(--tw-bg-opacity, 1));
}
.opacity-60 {
    opacity: 0.6;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-20 {
    opacity: 0.2;
}
.bg-pastel-purple\/40 {
    background-color: rgb(234 221 255 / 0.4);
}
.w-\[600px\] {
    width: 600px;
}
.h-\[600px\] {
    height: 600px;
}
.left-20 {
    left: -5rem;
}
.bottom-20 {
    bottom: -5rem;
}
.absolute {
    position: absolute;
}
.rotate-12 {
    --tw-rotate: -12deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.w-\[800px\] {
    width: 800px;
}
.h-\[500px\] {
    height: 500px;
}
.top-0 {
    top: 0px;
}
.left-1\/3 {
    left: 33.333333%;
}
.bg-pastel-green\/40 {
    background-color: rgb(213 231 226 / 0.4);
}
.w-\[500px\] {
    width: 500px;
}
.h-\[400px\] {
    height: 400px;
}
.right-0 {
    right: 0px;
}
.bottom-0 {
    bottom: 0px;
}
.rotate-45 {
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.bg-pastel-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(251 245 213 / var(--tw-bg-opacity, 1));
}
.rounded-full {
    border-radius: 9999px;
}
.w-\[200px\] {
    width: 200px;
}
.h-\[400px\] {
    height: 400px;
}
.left-1\/2 {
    left: 50%;
}
.bottom-1\/4 {
    bottom: 25%;
}
.top-0 {
    top: 0px;
}
.right-0 {
    right: 0px;
}
.mix-blend-multiply {
    mix-blend-mode: multiply;
}
.bg-brand-purple {
    --tw-bg-opacity: 1;
    background-color: rgb(93 95 239 / var(--tw-bg-opacity, 1));
}
.w-40 {
    width: 10rem;
}
.h-40 {
    height: 10rem;
}
.top-\[-20px\] {
    top: -20px;
}
.right-\[-20px\] {
    right: -20px;
}
.bg-brand-teal {
    --tw-bg-opacity: 1;
    background-color: rgb(58 141 131 / var(--tw-bg-opacity, 1));
}
.w-20 {
    width: 5rem;
}
.h-20 {
    height: 5rem;
}
.top-4 {
    top: 1rem;
}
.right-20 {
    right: 5rem;
}
.mix-blend-multiply {
    mix-blend-mode: multiply;
}
.bg-brand-peach {
    --tw-bg-opacity: 1;
    background-color: rgb(247 141 167 / var(--tw-bg-opacity, 1));
}
.w-32 {
    width: 8rem;
}
.h-32 {
    height: 8rem;
}
.top-10 {
    top: 2.5rem;
}
.right-4 {
    right: 1rem;
}
.w-64 {
    width: 16rem;
}
.h-48 {
    height: 12rem;
}
.fixed {
    position: fixed;
}
.inset-0 {
    inset: 105px 0 0 0;
}
.flex-col {
    flex-direction: column;
}
.w-full {
    width: 100%;
}
.min-h-screen {
    min-height: 100vh;
}
.flex {
    display: flex;
}
.relative {
    position: relative;
}
.rounded-tl-full {
    border-top-left-radius: 9999px;
}
.lg\:block {
        display: block;
    }