*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth}body{color:#171717;background:#f7f8fb;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none!important}button,input{font-family:inherit}button{cursor:pointer}.page{width:100%;max-width:1180px;margin:0 auto;padding:18px 16px 46px;overflow-x:hidden}.panel{background:#fff;border:1px solid #ebedf2;border-radius:18px;box-shadow:0 10px 26px #0f172a0a}.sectionHead{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:16px;display:flex}.sectionHead h2{letter-spacing:-.035em;margin:0;font-size:24px;font-weight:760;line-height:1.14}.sectionSub{color:#6b7280;margin:5px 0 0;font-size:14px;font-weight:450;line-height:1.45}.textLink{color:#4f46e5;white-space:nowrap;font-size:14px;font-weight:700}.primaryBtn,.ghostBtn,.lightBtn{border:0;border-radius:12px;justify-content:center;align-items:center;min-height:42px;padding:0 17px;font-size:14px;font-weight:720;transition:all .18s;display:inline-flex}.primaryBtn{color:#fff;background:#2f2fdd;box-shadow:0 10px 20px #2f2fdd2e}.primaryBtn:hover{background:#2525bd;transform:translateY(-1px)}.ghostBtn,.lightBtn{color:#171717;background:#fff;border:1px solid #e5e7eb}.heroWrap{grid-template-columns:minmax(0,2fr) 340px;align-items:stretch;gap:16px;display:grid}.heroMainArea,.fallbackHeroSlider,.realHeroSlider{min-width:0}.fallbackHeroTrack,.realHeroTrack{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:22px;grid-auto-columns:100%;grid-auto-flow:column;display:grid;overflow-x:auto}.fallbackHeroTrack::-webkit-scrollbar{display:none}.realHeroTrack::-webkit-scrollbar{display:none}.heroSlider,.heroMainBanner{scroll-snap-align:start}.heroSlider{background:#fff;border:1px solid #ebedf2;border-radius:22px;min-height:315px;padding:34px;position:relative;overflow:hidden;box-shadow:0 14px 32px #0f172a0d}.hero-violet{background:linear-gradient(135deg,#eef2ff 0%,#fff 58%,#fafafa 100%)}.hero-blue{background:linear-gradient(135deg,#edf8ff 0%,#fff 58%,#f7fbff 100%)}.hero-peach{background:linear-gradient(135deg,#fff1e6 0%,#fff 58%,#fffaf6 100%)}.heroSlider:after{content:"";background:#4f46e512;border-radius:50%;width:270px;height:270px;position:absolute;bottom:-110px;right:-80px}.hero-blue:after{background:#0ea5e917}.hero-peach:after{background:#f9731614}.heroSliderContent{z-index:2;max-width:620px;position:relative}.heroVerifiedTag,.dbBannerVerified{z-index:5;color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:760;position:absolute;top:16px;right:16px}.heroEyebrow,.smallChip,.promoKicker{color:#4338ca;letter-spacing:.07em;text-transform:uppercase;background:#eef2ff;border-radius:999px;align-items:center;width:fit-content;padding:7px 11px;font-size:12px;font-weight:760;display:inline-flex}.heroSlider h1{letter-spacing:-.055em;max-width:620px;margin:16px 0 11px;font-size:clamp(34px,4.6vw,54px);font-weight:790;line-height:1.03}.heroSlider p{color:#4b5563;max-width:540px;margin:0;font-size:16px;font-weight:430;line-height:1.55}.heroSliderActions{flex-wrap:wrap;align-items:center;gap:11px;margin-top:22px;display:flex}.heroPills,.storePills{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.heroPills span,.storePills span{color:#374151;background:#ffffffc7;border:1px solid #e5e7eb;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:650}.heroSliderDots{align-items:center;gap:9px;display:flex}.heroSliderDotsCenter{justify-content:center;margin-top:12px}.dot{background:#d8dde7;border:0;border-radius:999px;width:30px;height:7px;padding:0;transition:all .2s}.dot.active{background:#111827;width:48px}.dbBannerBlock{background:#fff;border:1px solid #ebedf2;border-radius:20px;min-height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 14px 32px #0f172a0d}.dbBannerImage{object-fit:cover;width:100%;height:100%;display:block}.dbBannerOverlay{background:linear-gradient(#00000005,#00000052);align-items:flex-end;padding:24px;display:flex;position:absolute;inset:0}.dbBannerContent{color:#fff;gap:7px;display:grid}.dbBannerTitle{letter-spacing:-.04em;font-size:25px;font-weight:780;line-height:1.12}.dbBannerSubtitle{opacity:.92;font-size:14px}.dbBannerButton{color:#111827;background:#fff;border-radius:999px;width:fit-content;margin-top:4px;padding:8px 12px;font-size:13px;font-weight:720}.heroMainBanner{height:315px}.heroSide{grid-template-rows:1fr 1fr;gap:16px;min-width:0;display:grid}.heroMiniBanner{min-height:150px}.sideCard{border:1px solid #ebedf2;border-radius:4px;height:171px;padding:21px;box-shadow:0 14px 32px #0f172a0a}.sideCardGreen{background:linear-gradient(135deg,#dcfce7,#f8fff9)}.sideCardLavender{background:linear-gradient(135deg,#ede9fe,#fff)}.sideCard h3{letter-spacing:-.045em;margin:16px 0 7px;font-size:23px;font-weight:780;line-height:1.08}.sideCard p{color:#4b5563;margin:0 0 17px;line-height:1.48}.brandsSection{margin-top:24px;padding:24px}.brandGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.brandCard{background:#fff;border:1px solid #ebedf2;border-radius:16px;gap:14px;min-width:0;padding:15px;transition:all .2s;display:flex;position:relative}.brandCard:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 14px 24px #0f172a0f}.brandLogo{color:#4f46e5;background:#f4f6fb;border:1px solid #e5e7eb;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-weight:760;display:grid;overflow:hidden}.brandLogoImg{object-fit:contain;background:#fff;width:100%;height:100%;padding:7px}.brandMeta{flex:1;min-width:0}.brandTopRow{justify-content:space-between;align-items:center;gap:8px;display:flex}.brandTopRow h3{letter-spacing:-.02em;margin:0;font-size:15px;font-weight:760}.brandMeta p{color:#6b7280;margin:5px 0 0;font-size:13px}.softMiniTag{color:#4b5563;background:#f2f4f7;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700}.storePills{margin-top:18px}.quickSection{margin-top:24px;padding:24px}.quickGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;display:grid}.quickCard{background:#fff;border:1px solid #ebedf2;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:124px;padding:15px;transition:all .2s;display:flex}.quickCard:nth-child(4n+1){background:#eef2ff}.quickCard:nth-child(4n+2){background:#ecfdf3}.quickCard:nth-child(4n+3){background:#fff7ed}.quickCard:nth-child(4n+4){background:#f5f3ff}.quickCard:hover{transform:translateY(-2px)}.quickIcon{background:#ffffffad;border-radius:13px;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.quickName{letter-spacing:-.02em;margin-top:13px;font-size:15px;font-weight:760}.quickSub{color:#6b7280;margin-top:4px;font-size:12px;font-weight:600}.middleBannerSection{margin-top:24px}.middleStripBanner{height:200px}.contentSection{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:20px;margin-top:24px;display:grid}.sidebar{gap:16px;display:grid;position:sticky;top:18px}.sideBlock{padding:19px}.sideBlock h3{letter-spacing:-.02em;margin:0 0 13px;font-size:17px;font-weight:760}.list{display:grid}.listItem{border-bottom:1px solid #eef0f5;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.listItem:last-child{border-bottom:0}.withLogo{justify-content:flex-start}.storeLogo{color:#4f46e5;background:#eef2ff;border-radius:12px;place-items:center;width:36px;height:36px;font-weight:760;display:grid}.listTitle{font-size:14px;font-weight:720}.listSub{color:#6b7280;margin-top:3px;font-size:12px}.searchBar{background:#fff;border:1px solid #ebedf2;border-radius:15px;align-items:center;gap:12px;height:50px;margin-bottom:16px;padding:0 15px;display:flex;box-shadow:0 8px 20px #0f172a09}.searchBar span{color:#6b7280;font-size:19px}.searchBar input{background:0 0;border:0;outline:0;width:100%;font-size:14px}.couponList{gap:15px;display:grid}.couponCard{grid-template-columns:125px minmax(0,1fr) 185px;align-items:center;gap:17px;padding:15px;display:grid}.discountBox{text-align:center;border-radius:16px;place-items:center;min-height:112px;padding:15px;display:grid}.discountText{letter-spacing:-.035em;font-size:22px;font-weight:780;line-height:1.05}.discountSub{color:#6b7280;margin-top:6px;font-size:12px;font-weight:650}.couponInfo{min-width:0}.storeTag{color:#4f46e5;width:fit-content;font-size:13px;font-weight:720;display:inline-flex}.couponInfo h3{letter-spacing:-.035em;margin:8px 0 10px;font-size:20px;font-weight:760;line-height:1.24}.couponInfo p{color:#4b5563;margin:10px 0 0;font-size:14px;font-weight:430;line-height:1.52}.metaRow{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.okTag,.softTag{border-radius:999px;padding:6px 9px;font-size:11px;font-weight:720}.okTag{color:#166534;background:#dcfce7}.softTag{color:#4b5563;background:#f2f4f7}.couponAction{gap:10px;display:grid}.codeBox{text-align:center;background:#fff;border:1px dashed #cfd5df;border-radius:15px;min-height:62px;padding:12px;transition:all .2s}.codeBox.revealed{background:#eef2ff;border-color:#4f46e5}.codeLabel{color:#6b7280;font-size:11px;font-weight:700}.codeValue{letter-spacing:.04em;margin-top:4px;font-size:16px;font-weight:780}.fullBtn{width:100%}.usageRow{color:#6b7280;justify-content:space-between;gap:8px;font-size:12px;font-weight:620;display:flex}.emptyState{text-align:center;padding:30px}.emptyState h3{margin:0 0 6px}.emptyState p{color:#6b7280;margin:0}.promoRow{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.promoCard{min-height:175px;padding:22px}.promoCard.yellow{background:linear-gradient(135deg,#fff7ed,#fff)}.promoCard.blue{background:linear-gradient(135deg,#eff6ff,#fff)}.promoCard.purple{background:linear-gradient(135deg,#f5f3ff,#fff)}.promoCard h3{letter-spacing:-.04em;margin:24px 0 8px;font-size:23px;font-weight:760;line-height:1.1}.promoCard p{color:#6b7280;margin:0;line-height:1.5}.promoBoxBanner{min-height:175px}.footerBanner{justify-content:space-between;align-items:center;gap:22px;margin-top:24px;padding:26px;display:flex}.footerBanner h2{letter-spacing:-.04em;margin:0;font-size:28px;font-weight:780}.footerBanner p{color:#6b7280;max-width:620px;margin:8px 0 0}@media (max-width:1024px){.heroWrap{grid-template-columns:1fr}.heroSide{grid-template-rows:none;grid-template-columns:1fr 1fr}.brandGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.quickGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.contentSection{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr;position:static}}@media (max-width:720px){.page{padding:12px 10px 38px}.panel{border-radius:17px}.sectionHead{align-items:center;margin-bottom:14px}.sectionHead h2{letter-spacing:-.04em;font-size:25px}.sectionSub{font-size:14px}.heroWrap{gap:12px}.fallbackHeroTrack,.realHeroTrack{border-radius:20px;grid-auto-columns:100%;gap:0;width:100%}.heroSlider,.heroMainBanner{border-radius:20px;width:100%;height:276px;min-height:276px}.heroSlider{padding:24px 20px}.heroVerifiedTag,.dbBannerVerified{padding:7px 10px;font-size:11px;top:14px;right:14px}.heroEyebrow,.smallChip,.promoKicker{padding:7px 10px;font-size:11px}.heroSlider h1{letter-spacing:-.055em;margin-top:15px;font-size:33px;font-weight:760;line-height:1.06}.heroSlider p{max-width:280px;font-size:14px;line-height:1.5}.heroSliderActions{gap:9px;margin-top:18px}.primaryBtn,.ghostBtn,.lightBtn{border-radius:11px;min-height:40px;padding:0 13px;font-size:13px}.heroPills{display:none}.heroSliderDotsCenter{margin-top:10px}.dot{width:27px;height:7px}.dot.active{width:45px}.heroSide{display:none}.brandsSection,.quickSection{margin-top:20px;padding:18px}.brandGrid,.quickGrid{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:none;grid-auto-flow:column;gap:12px;padding-bottom:4px;display:grid;overflow-x:auto}.brandGrid::-webkit-scrollbar{display:none}.quickGrid::-webkit-scrollbar{display:none}.brandGrid{grid-auto-columns:86%}.quickGrid{grid-auto-columns:48%}.brandCard,.quickCard{scroll-snap-align:start}.brandCard{border-radius:16px}.brandLogo{width:52px;height:52px}.quickCard{border-radius:17px;min-height:132px}.middleStripBanner{border-radius:18px;height:160px}.contentSection{gap:16px;margin-top:20px}.sidebar{display:none}.searchBar{border-radius:14px;height:48px}.couponCard{grid-template-columns:1fr;gap:13px;padding:14px}.discountBox{justify-content:space-between;align-items:center;min-height:88px;display:flex}.discountText{font-size:25px}.couponInfo h3{font-size:20px}.couponAction{grid-template-columns:1fr}.promoRow{grid-template-columns:1fr;gap:14px}.promoCard{min-height:150px;padding:21px}.footerBanner{padding:22px;display:grid}.footerBanner h2{font-size:25px}}@media (max-width:390px){.page{padding-left:8px;padding-right:8px}.heroSlider,.heroMainBanner{height:266px;min-height:266px}.heroSlider h1{font-size:30px}.heroSlider p{max-width:250px}.brandGrid{grid-auto-columns:90%}.quickGrid{grid-auto-columns:56%}}