.brand-logo{width:166px;height:auto;display:block;animation:logo-glow 3.6s ease-in-out infinite}
:root{--purple:#168bd2;--purple-dark:#087bb8;--mint:#c9f3ea}
.brand-mark,.welcome-art>.brand-mark{background:linear-gradient(145deg,#08bdd0,#1389df)}
.hero{background:#effaff}
.hero:before{background:#dff6fb}
.art-glow{background:radial-gradient(circle,#8ee3ee 0,#b8edf1 44%,#dff6fb 67%,transparent 69%)}
.phone-screen{background:linear-gradient(155deg,#8fe7e7 0%,#2999d8 58%,#344b8a 100%)}
.orbit-one,.orbit-two{border-color:#72c9dc55}
.welcome-card:before,.welcome-ring{background-color:#e8f8fb;border-color:#c3edf2}
.benefit-icon,.category-card:hover .category-icon{background:#e8f8fb;color:#1688ce}
.filter-chip.active,.filter-chip:hover,.search button{background:#161b2e}
.brand-footer .brand-logo{width:158px}
.welcome-logo{position:relative;z-index:1;width:190px;height:auto;animation:logo-float 3s ease-in-out infinite}
.welcome-star{right:calc(50% - 112px);top:8px}
@keyframes logo-glow{0%,100%{filter:drop-shadow(0 1px 3px #1eb7d922)}50%{filter:drop-shadow(0 2px 8px #149fdf55)}}
@keyframes logo-float{0%,100%{transform:translateY(0);filter:drop-shadow(0 2px 4px #159fdc22)}50%{transform:translateY(-4px);filter:drop-shadow(0 4px 10px #159fdc55)}}
@media(max-width:700px){.brand-logo{width:142px}.brand-footer .brand-logo{width:150px}.welcome-logo{width:170px}}
@media(prefers-reduced-motion:reduce){.brand-logo,.welcome-logo{animation:none}}