:root{--primary:#ff3d3d;--primary-gradient:radial-gradient(circle at 38% 0%, #ffca28 0%, #ff3d3d 25%, #c62828 100%);--button-gradient:radial-gradient(circle at 38% 38%, #ff5722 0%, #ff3d3d 38%, #c62828 100%);--background:#faf6ee;--card-bg:#fff;--card-border:#eae3d9;--status-bar:#00000026;--nav-bg:#009951b3;--text-dark:#3a322c;--text-gray:#82776f;--text-light-gray:#b0a79e}*{box-sizing:border-box}html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;margin:0;padding:0}.input-field{color:#6f6552;border:none;outline:none}.input-field::placeholder{color:#6f6552;opacity:1}.input-field:focus::placeholder{opacity:0}html,body{background-color:var(--background);width:100%;height:100%;margin:0;padding:0;font-family:DM Sans,sans-serif;overflow-x:hidden}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.orientation-fallback{display:none}@media (aspect-ratio<=1/3),(aspect-ratio>=1.5/3){.orientation-fallback{z-index:9999;color:#fff;text-align:center;background-color:#111827;flex-direction:column;justify-content:center;align-items:center;padding:24px;position:fixed;inset:0;display:flex!important}.app-shell{display:none!important}}.app-shell{background-color:var(--background);flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.status-bar{background-color:var(--status-bar);opacity:.7;flex-shrink:0;width:100%}.app-header{background:var(--primary-gradient);z-index:40;background-size:130vw 450px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:64px;padding:0 16px;display:flex}.header-title{color:var(--card-bg);align-items:center;margin-top:2px;font-size:24px;font-weight:900;line-height:1;display:flex}.app-main{scroll-snap-type:y proximity;flex:1;width:100%;position:relative;overflow:hidden auto}.page-content{flex-direction:column;min-height:100%;padding:16px 16px 96px;display:flex}.bg-animated-offers{background:var(--primary-gradient);background-size:200% 200%;animation:5s infinite shimmer}.bg-liquid-button{background:var(--button-gradient);background-size:150% 150%;transition:transform .2s,box-shadow .2s}.bg-liquid-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff3d3d99!important}.text-gradient-button{background:var(--button-gradient);-webkit-text-fill-color:transparent;color:#0000;background-size:150% 150%;-webkit-background-clip:text;background-clip:text}.search-input-solid::placeholder{color:#999;transition:color .3s}.search-input-transparent::placeholder{color:#ffffffb3;transition:color .3s}@keyframes scrollOffersX{0%{background-position:0 var(--bg-y,0)}to{background-position:250px var(--bg-y,0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bottom-nav-container{z-index:50;height:56px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:16px;left:16px;right:16px}.bottom-nav{-webkit-backdrop-filter:blur(12px);background-color:#ffffffbf;border:1px solid #fff9;border-radius:9999px;width:100%;height:100%;position:relative;box-shadow:0 4px 16px #0000001a}.nav-item{color:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;transition:all .3s;display:flex}.bottom-nav-container .icon-svg{color:inherit}.nav-item.active{color:var(--text-dark);transform:scale(1.05)}.nav-item:hover:not(.active){color:var(--primary);transform:scale(1.02)}.nav-item span{letter-spacing:.05em;white-space:nowrap;font-size:10px;font-weight:700}.card-list{flex-direction:column;gap:16px;width:100%;display:flex}.card{background-color:var(--card-bg);border:1px solid var(--card-border);text-align:left;width:100%;color:inherit;border-radius:24px;padding:16px;text-decoration:none;display:block;overflow:hidden}.card-primary{background-color:var(--primary);border-color:var(--primary)}.card-inner{flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex}.aspect-4-3{aspect-ratio:4/3}.aspect-4-2{aspect-ratio:4/2}.aspect-4-5{aspect-ratio:4/5}.aspect-4-6{aspect-ratio:4/6}.aspect-5-8{aspect-ratio:5/8}.aspect-16-9{aspect-ratio:16/9}.aspect-16-8{aspect-ratio:16/8}.aspect-16-10{aspect-ratio:16/10}.aspect-16-14{aspect-ratio:16/14}.divider{background-color:var(--card-border);flex-shrink:0;width:100%;height:1px;margin:16px 0}.text-h2-primary{color:var(--card-bg);margin:0 0 8px;font-size:20px;font-weight:900;line-height:1.25}.text-p-primary{color:var(--card-bg);margin:0;font-size:12px;line-height:1.625}.text-h3-dark{color:var(--text-dark);margin:0 0 4px;font-size:20px;font-weight:900;line-height:1.25}.text-p-gray{color:var(--text-light-gray);margin:0;font-size:12px;line-height:1.25}.text-label{color:var(--text-gray);letter-spacing:.05em;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:700;display:block}.text-value{color:var(--primary);margin:0 0 8px;font-size:20px;font-weight:900;line-height:1.25;display:block}.section-label{color:var(--card-border);letter-spacing:.2em;text-align:left;align-items:center;margin:0;font-size:8px;font-weight:400;line-height:10px;display:flex}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex-col-gap-3{flex-direction:column;gap:12px;display:flex}.flex-1{flex:1}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col-start{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.icon-box{background-color:#ff3d3d1a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-svg{width:20px;height:20px;color:inherit}.icon-svg-small{width:16px;height:16px}.btn{cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:14px;font-weight:700;display:flex}.btn-primary-inverse{color:var(--primary);background-color:#fff}.btn-outline{color:#fff;background-color:#0000;border:1px solid #fff}.btn-solid-green{color:#fff;background-color:#009951}.input-field{text-align:center;background-color:#ffffffe6;border:none;border-radius:9999px;outline:none;width:100%;padding:16px;box-shadow:inset 0 2px 4px #0000000f}