:root{--orange:#ff5b1f;--orange-hi:#ff8a4d;--orange-dark:#ea3f00;--orange-deep:#f04a0e;--cream:#fff3ea;--ink:#1c1512;--muted:#94897f;--card:#ffffffb8;--card-border:#ffffffd9;--card-edge:#1c15120d;--shadow-card:0 10px 30px -14px #1c151229, 0 2px 6px -2px #1c15120d;--shadow-orange:0 14px 34px -14px #f04a0e8c;--spring:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font:15px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{min-height:100svh;color:var(--ink);background:radial-gradient(900px 500px at 85% -5%,#ff8a4d38,#0000 60%),radial-gradient(700px 420px at 0 30%,#ff5b1f14,#0000 55%),linear-gradient(#fdf1e7 0%,#f7f2ed 45%,#f3efeb 100%);margin:0}#root{justify-content:center;min-height:100svh;display:flex}a{color:inherit;text-decoration:none}.app-shell{isolation:isolate;background:linear-gradient(#fffaf5 0%,#fdf6f0 100%);flex-direction:column;width:100%;max-width:480px;min-height:100svh;display:flex;position:relative;overflow:hidden}@media (width>=560px){.app-shell{border-radius:44px;min-height:calc(100svh - 48px);margin:24px 0;box-shadow:0 40px 90px -24px #1c151266,0 0 0 10px #14100d,0 0 0 11px #ffffff14}}.aurora{pointer-events:none;z-index:0;filter:blur(46px);will-change:transform;border-radius:50%;position:absolute}.aurora--one{background:radial-gradient(circle at 35% 40%,#ff7a3d80,#ff5b1f24 55%,#0000 72%);width:340px;height:340px;animation:13s ease-in-out infinite alternate drift-a;top:-130px;right:-90px}.aurora--two{background:radial-gradient(circle at 60%,#ffb07466,#ff8a4d1a 55%,#0000 75%);width:300px;height:300px;animation:17s ease-in-out infinite alternate drift-b;top:34%;left:-140px}@keyframes drift-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(-46px,42px)scale(1.16)}}@keyframes drift-b{0%{transform:translate(0,0)scale(1)}to{transform:translate(56px,-34px)scale(1.1)}}.anim{animation:rise .8s var(--spring) both;animation-delay:var(--d,0s)}@keyframes rise{0%{opacity:0;transform:translateY(22px)scale(.975)}to{opacity:1;transform:translate(0,0)scale(1)}}.pressable{transition:transform .35s var(--spring), box-shadow .35s var(--spring)}.pressable:active{transform:scale(.955)}.demo-notice{z-index:7;-webkit-backdrop-filter:blur(12px)saturate(150%);color:#7c5800;animation:rise .7s var(--spring) both;background:linear-gradient(135deg,#fff4d6eb,#ffe9bfe0);border:1px solid #ca8a0440;border-radius:14px;align-items:center;gap:8px;margin:10px 16px 0;padding:9px 12px;font-size:11.5px;font-weight:600;line-height:1.4;display:flex;position:relative;box-shadow:0 6px 16px -10px #78500059}.demo-notice__icon{color:#b07d00;flex:none}.demo-notice span{flex:1}.demo-notice button{color:#8a6300;cursor:pointer;background:#b07d001f;border:none;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;display:grid}.app-header{z-index:6;-webkit-backdrop-filter:blur(18px)saturate(170%);background:linear-gradient(#fffaf5eb,#fffaf599 75%,#fffaf500);justify-content:space-between;align-items:flex-start;gap:12px;padding:24px 22px 14px;display:flex;position:sticky;top:0}.app-header__greeting{letter-spacing:-.5px;background:linear-gradient(100deg, var(--ink) 55%, #6d4a35);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:23px;font-weight:800}.app-header__tagline{color:var(--muted);margin:0;font-size:13.5px;font-weight:500}.icon-btn{border:1px solid var(--card-border);background:var(--card);-webkit-backdrop-filter:blur(14px)saturate(160%);width:44px;height:44px;box-shadow:var(--shadow-card);color:var(--ink);cursor:pointer;border-radius:15px;flex:none;place-items:center;display:grid;position:relative}.icon-btn .bell{transform-origin:50% 4px;animation:6s ease-in-out 2.4s infinite bell-ring}@keyframes bell-ring{0%,12%,to{transform:rotate(0)}2%{transform:rotate(13deg)}4%{transform:rotate(-11deg)}6%{transform:rotate(8deg)}8%{transform:rotate(-6deg)}10%{transform:rotate(3deg)}}.icon-btn__dot{background:var(--orange);border-radius:50%;width:8px;height:8px;position:absolute;top:11px;right:12px;box-shadow:0 0 0 2.5px #fffaf5}.icon-btn__dot:after{content:"";border:1.5px solid #ff5b1f8c;border-radius:50%;animation:2.6s ease-out infinite dot-ping;position:absolute;inset:-3px}@keyframes dot-ping{0%{opacity:1;transform:scale(.5)}70%,to{opacity:0;transform:scale(1.7)}}.app-main{z-index:1;scrollbar-width:none;flex-direction:column;flex:1;gap:24px;padding:6px 22px 26px;display:flex;position:relative;overflow-y:auto}.app-main::-webkit-scrollbar{display:none}.search-bar{background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(14px)saturate(160%);box-shadow:var(--shadow-card);border-radius:19px;align-items:center;gap:10px;padding:12px 13px;transition:box-shadow .3s;display:flex}.search-bar:focus-within{box-shadow:var(--shadow-card), 0 0 0 3px #ff5b1f29}.search-bar__icon{color:var(--muted);flex:none;margin-left:3px}.search-bar input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:14.5px;font-weight:500}.search-bar input::placeholder{color:#bcb0a5}.search-bar__filter{background:linear-gradient(135deg, var(--orange-hi), var(--orange));color:#fff;cursor:pointer;border:none;border-radius:12px;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 6px 14px -5px #ff5b1f99}.banner-card{background:linear-gradient(128deg, var(--orange-hi) 0%, var(--orange) 52%, var(--orange-deep) 100%);box-shadow:var(--shadow-orange), inset 0 1px 0 #ffffff59;border-radius:28px;justify-content:space-between;align-items:center;gap:12px;padding:24px 24px 22px;display:flex;position:relative;overflow:hidden}.banner-card__orb{pointer-events:none;border-radius:50%;position:absolute}.banner-card__orb--a{background:radial-gradient(circle,#ffffff47,#0000 68%);width:190px;height:190px;animation:7s ease-in-out infinite alternate orb-float;top:-70px;right:-40px}.banner-card__orb--b{background:radial-gradient(circle,#ffffff29,#0000 70%);width:170px;height:170px;animation:9s ease-in-out infinite alternate-reverse orb-float;bottom:-90px;left:22%}@keyframes orb-float{0%{transform:translate(0,0)}to{transform:translate(-14px,12px)}}.banner-card__shine{pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff52 50%,#0000 62%);animation:4.6s ease-in-out 1.6s infinite shine-sweep;position:absolute;inset:0;transform:translate(-110%)}@keyframes shine-sweep{0%{transform:translate(-110%)}38%,to{transform:translate(110%)}}.banner-card__text{position:relative}.banner-card__text h2{color:#fff;letter-spacing:-.4px;text-shadow:0 1px 2px #a02d0040;margin:0 0 6px;font-size:20px;font-weight:800}.banner-card__text p{color:#ffffffe0;max-width:21ch;margin:0 0 15px;font-size:13px;font-weight:500}.banner-card__image{filter:drop-shadow(0 12px 16px #96280059);flex:none;width:106px;height:auto;animation:4s ease-in-out infinite alternate img-float;position:relative}@keyframes img-float{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.btn-pill{color:var(--orange-deep);letter-spacing:.1px;background:#fffffff5;border-radius:999px;align-items:center;gap:7px;padding:10px 18px;font-size:12.5px;font-weight:800;display:inline-flex;box-shadow:0 10px 22px -8px #96280073,inset 0 -1px #f04a0e1f}.section__head{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.section__head h3{letter-spacing:-.3px;margin:0;font-size:16.5px;font-weight:800}.link-muted{color:var(--orange-dark);align-items:center;gap:2px;font-size:12.5px;font-weight:700;display:inline-flex}.services-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.service-tile{background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(14px)saturate(160%);box-shadow:var(--shadow-card);border-radius:22px;flex-direction:column;align-items:center;gap:9px;padding:16px 6px 14px;display:flex}.service-tile:active .service-tile__icon{transform:scale(1.12)}.service-tile__icon{width:50px;height:50px;transition:transform .4s var(--spring);border-radius:16px;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffa6,0 5px 12px -5px #1c151238}.service-tile__icon img{object-fit:cover;width:100%;height:100%}.t-food{color:#e8500f;background:linear-gradient(140deg,#ffe4d0,#ffcba6)}.t-grocery{color:#2e9e4f;background:linear-gradient(140deg,#e0f5e2,#c2ebc6)}.t-fish{color:#27c;background:linear-gradient(140deg,#ddefff,#c2e1fb)}.t-pharmacy{color:#d94141;background:linear-gradient(140deg,#ffe1e1,#ffcaca)}.t-taxi{color:#cf9400;background:linear-gradient(140deg,#fff1c8,#ffe59d)}.t-parcel{color:#a5713a;background:linear-gradient(140deg,#f3e7d8,#e7d3b8)}.t-fashion{color:#d63384;background:linear-gradient(140deg,#ffe3ef,#ffc7dd)}.t-shopping{color:#6d4ddf;background:linear-gradient(140deg,#ece5ff,#d9cdff)}.t-trade{color:#0d9488;background:linear-gradient(140deg,#d9f5f0,#bceade)}.t-gift{color:#e11d48;background:linear-gradient(140deg,#ffe1e6,#ffc5cf)}.t-book{color:#4059c9;background:linear-gradient(140deg,#e3e9ff,#ccd7fb)}.t-default{color:var(--orange-dark);background:linear-gradient(140deg,#ffe4d0,#ffd2b3)}.service-tile__label{text-align:center;letter-spacing:-.1px;color:#423830;font-size:12.5px;font-weight:700}.promo-card{box-shadow:var(--shadow-card);background:linear-gradient(140deg,#fffffff0,#fff4ece6) padding-box padding-box,linear-gradient(135deg,#ff5b1f73,#ffab401f) border-box;border:1px solid #0000;border-radius:26px;justify-content:space-between;align-items:center;gap:14px;padding:22px;display:flex;position:relative}.promo-card__text h3{letter-spacing:-.3px;margin:0 0 5px;font-size:17px;font-weight:800}.promo-card__text p{color:var(--muted);max-width:24ch;margin:0;font-size:12.5px;font-weight:500}.promo-card__image{object-fit:cover;border-radius:18px;flex:none;width:76px;height:76px;box-shadow:0 8px 18px -8px #1c15124d}.promo-card__chip{background:linear-gradient(135deg, var(--orange-hi), var(--orange));color:#fff;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;animation:3.2s ease-in-out infinite chip-nudge;display:grid;box-shadow:0 10px 20px -8px #ff5b1fa6}@keyframes chip-nudge{0%,to{transform:translate(0)}12%{transform:translate(4px)}24%{transform:translate(0)}}.offers-row{scrollbar-width:none;gap:12px;padding:2px 2px 6px;display:flex;overflow-x:auto}.offers-row::-webkit-scrollbar{display:none}.offer-card{width:176px;min-height:116px;box-shadow:var(--shadow-card);background:linear-gradient(150deg,#fff0e6,#ffdfc9);border:1px solid #ffffffe6;border-radius:22px;flex-direction:column;flex:none;justify-content:space-between;gap:12px;padding:17px 16px 15px;display:flex;position:relative;overflow:hidden}.offer-card__ring{pointer-events:none;border:14px solid #ff5b1f1a;border-radius:50%;width:96px;height:96px;position:absolute;top:-34px;right:-34px}.offer-card__text{position:relative}.offer-card__title{letter-spacing:-.2px;background:linear-gradient(110deg, var(--orange-deep), #ff7a3d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15.5px;font-weight:800;display:block}.offer-card__subtitle{color:#7d6a5c;margin-top:3px;font-size:12px;font-weight:600;display:block}.offer-card__image{object-fit:contain;align-self:flex-end;width:100%;height:52px}.offer-card__cta{width:30px;height:30px;color:var(--orange-deep);background:#ffffffd9;border-radius:50%;align-self:flex-end;place-items:center;display:grid;box-shadow:0 5px 12px -5px #f04a0e66}.bottom-nav{z-index:6;margin:4px 16px calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px)saturate(170%);background:#18120ee0;border:1px solid #ffffff17;border-radius:28px;gap:4px;padding:8px;display:flex;position:sticky;bottom:0;box-shadow:0 22px 44px -16px #140e0a8c,inset 0 1px #ffffff12}.bottom-nav__item{letter-spacing:.15px;color:#fff0e670;transition:color .3s ease, transform .35s var(--spring);border-radius:20px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 2px 7px;font-size:10px;font-weight:700;display:flex}.bottom-nav__item:active{transform:scale(.92)}.bottom-nav__item--active{color:#fff;background:linear-gradient(135deg, var(--orange-hi), var(--orange-deep));box-shadow:0 8px 20px -6px #ff5b1fa6,inset 0 1px #ffffff4d}@media (width<=380px){.services-grid{gap:9px}.offer-card{width:154px}.app-main{padding-inline:16px}.app-header{padding-inline:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}