.banner-wrap{background:#fff}.dark .banner-wrap{background:linear-gradient(180deg,#09090b 50% 0)}.app-banner{align-items:center;background:radial-gradient(circle at 78% 20%,rgba(255,214,0,.18),transparent 60%),linear-gradient(135deg,#fff,#fff);border:1px solid rgba(0,0,0,.05);box-shadow:0 1px 3px #0000000a,0 24px 60px #ffc8001a,0 12px 32px #0000000f;color:#111;display:flex;gap:28px;isolation:isolate;justify-content:space-between;min-height:auto;padding:48px;position:relative;transition:background .3s ease,box-shadow .3s ease}.dark .app-banner{background:radial-gradient(circle at 78% 20%,rgba(255,230,0,.18),transparent 34%),linear-gradient(135deg,#050505,#111 46%,#000);border:none;box-shadow:0 24px 90px #ffe60014;color:#fff}.banner-grid{align-items:center;display:flex;gap:28px;justify-content:space-between;position:relative;width:100%;z-index:2}.app-banner .content{max-width:560px}.title{animation:fadeUp .8s ease both;color:#111;font-size:24px;font-weight:700;line-height:1.25;margin:0 0 12px}.title .accent{color:#eab308}.dark .title{color:#fff}.dark .title .accent{color:#ffe600}.desc{animation:fadeUp .8s ease .15s both;color:#71717a;font-size:17px;font-weight:400;line-height:1.6;margin:0}.dark .desc{color:#ffffffdb}.glow-orb{animation:orbMove 7s ease-in-out infinite;background:#ffe6002e;border-radius:50%;filter:blur(70px);height:320px;position:absolute;right:-90px;top:-110px;width:320px;z-index:0}.particle{animation:particleFloat 6s ease-in-out infinite;background:#ffe600b3;border-radius:999px;box-shadow:0 0 18px #ffe600b3;height:4px;position:absolute;width:4px;z-index:1}.p1{left:48%;top:35%}.p2{animation-delay:1.2s;left:62%;top:72%}.p3{animation-delay:2s;right:14%;top:34%}.p4{animation-delay:3s;bottom:26%;right:28%}html:not(.dark) .glow-orb{background:#ffd6004d;filter:blur(80px)}html:not(.dark) .particle{background:#ffb400d9;box-shadow:0 0 16px #ffc80099}.stores{animation:fadeUp .8s ease .3s both;display:flex;flex-shrink:0;gap:14px;position:relative;z-index:2}.stores a{align-items:center;display:inline-flex;transition:transform .28s ease}.stores a:hover{transform:translateY(-3px)}.store-img{display:block;height:48px;width:auto}@keyframes orbMove{0%,to{transform:translate(0)}50%{transform:translate(-40px,35px)}}@keyframes particleFloat{0%,to{opacity:.25;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-22px) scale(1.4)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.app-banner{min-height:auto;padding:24px}.app-banner,.banner-grid{align-items:flex-start;flex-direction:column}.banner-grid{gap:28px}.title{font-size:22px}.desc{font-size:15px}.stores{flex-wrap:wrap}.store-img{height:42px}}@media (prefers-reduced-motion:reduce){.desc,.glow-orb,.particle,.stores,.title{animation:none}}.relative[data-v-c51e9c01]{position:relative}
