:root{--ch-purple-900:#4C1D95;--ch-purple-700:#6D28D9;--ch-purple-500:#8B5CF6;--ch-purple-100:#EDE9FE;--ch-yellow-400:#FACC15;--ch-yellow-300:#FDE047;--ch-yellow-100:#FEF9C3;--ch-ink:#1E1B4B;--ch-muted:#6B5B95;--ch-paper:#FFF;--ch-soft:#FAF8FF;--ch-border:#E9E2FE;--ch-shadow:0 10px 30px -10px rgba(109,40,217,.25);--ch-radius:14px;--bg:var(--ch-soft);--card:var(--ch-paper);--blue:var(--ch-purple-700);--primary:var(--ch-purple-700);--accent:var(--ch-yellow-300);--text:var(--ch-ink);--muted:var(--ch-muted)}
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
html,body,button,input,select,textarea{font-family:'Plus Jakarta Sans',system-ui,'Segoe UI',Roboto,sans-serif !important;letter-spacing:-.01em}
h1,h2,h3,h4{font-family:'Plus Jakarta Sans',sans-serif !important;font-weight:800;letter-spacing:-.025em;color:var(--ch-ink)}
body{background:var(--ch-soft) !important;color:var(--ch-ink) !important}
header,.navbar,.site-header,nav.primary{background:var(--ch-paper) !important;border-bottom:1px solid var(--ch-border) !important}
header a,.navbar a,.site-header a{color:var(--ch-ink) !important;font-weight:600}
header a:hover,.navbar a:hover{color:var(--ch-purple-700) !important}
.hero,section.hero,.banner,.marketplace-hero{background:linear-gradient(135deg,var(--ch-purple-700) 0%,var(--ch-purple-900) 100%) !important;color:#fff !important;border-radius:0 0 var(--ch-radius) var(--ch-radius);padding:56px 24px !important}
.hero h1,.hero h2{color:#fff !important}
.hero .subtitle,.hero .lede,.hero p{color:var(--ch-yellow-300) !important;opacity:.95}
.btn,button,.cta-button,.btn-primary,a.cta{background:var(--ch-yellow-300) !important;color:var(--ch-ink) !important;border:0 !important;border-radius:10px !important;font-weight:700 !important;padding:12px 22px !important;box-shadow:0 4px 0 var(--ch-yellow-400);transition:transform .15s ease,box-shadow .15s ease !important}
.btn:hover,button:hover,.cta-button:hover,.btn-primary:hover,a.cta:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ch-purple-700);background:var(--ch-yellow-400) !important;color:var(--ch-ink) !important}
.btn-secondary,.btn-ghost{background:transparent !important;border:2px solid var(--ch-purple-700) !important;color:var(--ch-purple-700) !important;box-shadow:none !important}
.card,.brand-card,.deal-card,.voucher-card,article.card{background:var(--ch-paper) !important;border:1px solid var(--ch-border) !important;border-radius:var(--ch-radius) !important;box-shadow:var(--ch-shadow) !important;transition:transform .2s,box-shadow .2s !important}
.card:hover,.brand-card:hover{transform:translateY(-4px);border-color:var(--ch-purple-500) !important}
.discount-badge,.save-badge,.badge-discount{background:var(--ch-yellow-300) !important;color:var(--ch-ink) !important;font-weight:800 !important;border-radius:999px !important;padding:4px 12px !important}
.points-badge,.reward-points,.pts{background:linear-gradient(135deg,var(--ch-purple-700),var(--ch-purple-500)) !important;color:#fff !important;font-weight:800 !important;padding:6px 12px !important;border-radius:999px !important;display:inline-flex;align-items:center;gap:4px;font-size:.85rem}
.points-badge::before{content:'⚡'}
section h2,.section-title{position:relative;display:inline-block;padding-bottom:8px}
section h2::after,.section-title::after{content:'';position:absolute;bottom:0;left:0;width:60%;height:4px;background:var(--ch-yellow-300);border-radius:2px}
input[type="text"],input[type="search"],input[type="email"],select,textarea{border:2px solid var(--ch-border) !important;border-radius:10px !important;padding:12px 14px !important;background:var(--ch-paper) !important;color:var(--ch-ink) !important;font-family:inherit !important}
input:focus,select:focus,textarea:focus{outline:none !important;border-color:var(--ch-purple-700) !important;box-shadow:0 0 0 3px var(--ch-purple-100) !important}
footer,.site-footer{background:var(--ch-ink) !important;color:#CBD5E1 !important}
footer a,.site-footer a{color:var(--ch-yellow-300) !important}
footer a:hover,.site-footer a:hover{color:#fff !important}
.marquee,.auto-scroll,.brand-carousel{background:linear-gradient(90deg,var(--ch-purple-100),var(--ch-yellow-100),var(--ch-purple-100)) !important;padding:16px 0 !important;border-top:1px solid var(--ch-border);border-bottom:1px solid var(--ch-border)}
table{background:var(--ch-paper) !important;border-radius:var(--ch-radius);overflow:hidden;box-shadow:var(--ch-shadow)}
table th{background:var(--ch-purple-700) !important;color:#fff !important}
table tr:hover td{background:var(--ch-purple-100) !important}
.cashback-ribbon{background:var(--ch-yellow-300);color:var(--ch-ink);font-weight:700;text-align:center;padding:8px 16px;font-size:.9rem}
.cashback-ribbon strong{color:var(--ch-purple-900)}
::selection{background:var(--ch-yellow-300);color:var(--ch-ink)}