/* Decorative styles for homepage: style-band + floating shapes
   Includes: half-circles, floating rects, dots, rings, rotated squares, crosses, triangles.
*/
:root{
    /* New decorative palette provided by user */
    --decor-1: #dc485f; /* reddish */
    --decor-2: #2A1540; /* deep purple */
    --decor-3: #917cb1; /* light purple */
    --decor-4: #e16f38; /* orange */
    --decor-5: #49a2c6; /* blue */
    --decor-6: #49a573; /* green */
    --decor-7: #3e3f3d; /* dark neutral */
}

/* Top purple band with orange half-circles */

/* Core decor area */

/* Ensure hero content sits above decorative shapes */
.hero, .hero-inner{position:relative;z-index:3}

/* Rectangles removed per request */
/* .floating-rect styles intentionally removed to eliminate outlined rectangles */

/* Small circular accents */

/* Rings (stroke-only circles) */

/* Rotated squares (diamond shapes) */

/* Cross / plus shapes built with pseudo-elements */

/* Small triangles (CSS border trick) */

/* Subtle motion (very small slow drifts) */
@keyframes floatSlow{0%{transform:translateY(0)}50%{transform:translateY(-2px)}100%{transform:translateY(0)}}

/* Responsiveness */