@import url('/styles-base.css?v=26.5');
/* TASK 26.5 — approved blueberry macro background */
body::before{background-image:url('/assets/visual/blueberry-water-bg.webp?v=26.5');background-position:74% 48%;transform:scale(1.01);filter:saturate(1.04) contrast(1.03)}
body::after{background:linear-gradient(90deg,rgba(2,13,21,.94) 0%,rgba(2,13,21,.82) 30%,rgba(2,13,21,.46) 56%,rgba(2,13,21,.18) 76%,rgba(2,13,21,.28) 100%),linear-gradient(180deg,rgba(2,12,18,.06),rgba(2,12,18,.28))}
.hero{background:linear-gradient(90deg,rgba(2,13,21,.66),rgba(2,13,21,.18) 64%,rgba(2,13,21,.03))}
.hero::after{background:linear-gradient(180deg,transparent 74%,rgba(2,12,18,.42) 100%)}
.section>.shell{background:linear-gradient(135deg,rgba(3,17,26,.78),rgba(4,23,34,.56) 64%,rgba(3,18,27,.46));backdrop-filter:blur(12px) saturate(112%)}
@media(max-width:1080px){body::before{background-position:76% 50%}}
@media(max-width:720px){body::before{background-position:74% 50%;filter:saturate(.96) contrast(1.02)}body::after{background:linear-gradient(90deg,rgba(2,13,21,.91),rgba(2,13,21,.58))}.section>.shell{background:linear-gradient(160deg,rgba(3,17,26,.86),rgba(4,23,34,.70))}.hero{background:linear-gradient(90deg,rgba(2,13,21,.82),rgba(2,13,21,.42))}}