:root{
  --blue:#002E5D;--navy:#001f3d;--accent:#0027CB;--sky:#16b9df;--ink:#152033;--muted:#60708a;--line:#dde6f2;--soft:#f4f7fb;--card:#fff;--gold:#ffca05;--good:#0b7a43;--warn:#a05a00;--bad:#b42318;--shadow:0 16px 38px rgba(10,28,55,.10);--radius:1.25rem;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f3f8fc 0%,#f8fafc 100%);color:var(--ink)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0;border-radius:.85rem;padding:.78rem 1rem;background:linear-gradient(135deg,var(--blue),var(--accent));color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 22px rgba(0,46,93,.15);transition:.14s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.48;cursor:not-allowed;transform:none}.outline-btn,.ghost-btn{background:#fff;color:var(--blue);border:1px solid #cfe0f3;box-shadow:none}.light{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.4)}.tiny-btn{padding:.35rem .55rem;border-radius:.55rem;font-size:.75rem}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.78rem clamp(1rem,3vw,2.5rem);background:rgba(255,255,255,.96);border-bottom:1px solid rgba(0,46,93,.08);backdrop-filter:blur(12px)}.brand-lockup{display:flex;align-items:center;gap:.75rem;min-width:0}.brand-icon{width:3.25rem;height:3.25rem;border-radius:.9rem}.brand-wordmark{width:min(238px,40vw);filter:drop-shadow(0 1px 0 rgba(0,0,0,.04))}.brand-lockup small{display:block;font-weight:800;color:var(--blue);font-size:.78rem;margin-top:.1rem}.main-nav{display:flex;align-items:center;gap:1.1rem;color:#26384e;font-weight:800}.main-nav a{padding:1.05rem .2rem;border-bottom:3px solid transparent}.main-nav a:hover{color:var(--sky);border-bottom-color:var(--sky)}.header-actions{display:flex;align-items:center;gap:.55rem}.session-pill,.pill{display:inline-flex;align-items:center;width:max-content;border-radius:999px;background:#eaf4ff;color:var(--blue);border:1px solid #d3e4f9;padding:.35rem .65rem;font-size:.75rem;font-weight:900}.menu-toggle{display:none;background:#fff;color:var(--blue);border:1px solid #d3e4f9;box-shadow:none}
main{width:min(1480px,calc(100vw - 2rem));margin:1rem auto 4.5rem}.public-page{display:none}.public-page.active-page{display:block}.hero-banner{display:grid;grid-template-columns:minmax(0,.88fr) minmax(320px,.62fr);gap:1rem;align-items:stretch}.hero-copy{border-radius:var(--radius);padding:clamp(1.2rem,3.5vw,3rem);background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow);min-height:520px}.hero-copy h1{font-size:clamp(2.6rem,6vw,5.5rem);line-height:.95;letter-spacing:-.04em;margin:.35rem 0 .8rem;max-width:10ch}.lead{font-size:1.16rem;line-height:1.55;max-width:58rem}.hero-copy .lead{color:rgba(255,255,255,.92)}.eyebrow{margin:0;color:var(--sky);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:900}.hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.2rem}.hero-poster{border-radius:var(--radius);overflow:hidden;background:var(--navy);box-shadow:var(--shadow);min-height:520px}.hero-poster img{width:100%;height:100%;object-fit:cover}.quick-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1rem}.quick-strip article{display:grid;grid-template-columns:72px 1fr;gap:.75rem;align-items:center;padding:.7rem;background:white;border:1px solid rgba(0,46,93,.08);border-radius:1rem;box-shadow:0 8px 20px rgba(10,28,55,.06)}.quick-strip img{width:72px;height:58px;object-fit:cover;border-radius:.75rem}.quick-strip article:last-child img{object-fit:contain;background:#fff}.quick-strip b{display:block;color:var(--blue)}.quick-strip span{font-size:.78rem;color:var(--muted);line-height:1.35}.section-wrap,.page-title,.help-hero,.auth-page{margin-top:1rem;background:white;border:1px solid rgba(0,46,93,.08);border-radius:var(--radius);padding:clamp(1.1rem,3vw,2rem);box-shadow:var(--shadow)}.section-heading h2,.page-title h1,.help-hero h1{margin:.25rem 0 .6rem;color:var(--blue);font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.025em}.steps-grid,.earn-grid,.promo-grid,.partners-grid,.stories-grid,.help-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.steps-grid article,.earn-card,.promo-card,.partner-card,.story-card,.help-card,.reward-preview,.card,.stat{background:white;border:1px solid rgba(0,46,93,.09);border-radius:1rem;padding:1rem;box-shadow:0 8px 22px rgba(10,28,55,.055)}.steps-grid span{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:999px;background:var(--blue);color:#fff;font-weight:900}.steps-grid h3,.earn-card h3,.promo-card h3,.partner-card h3,.story-card h3,.help-card h3,.reward-preview h3{color:var(--blue);margin:.7rem 0 .4rem}.steps-grid p,.earn-card p,.promo-card p,.partner-card p,.story-card p,.help-card p,.reward-preview p{color:var(--muted);line-height:1.5}.stats-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin-top:1rem}.stat{position:relative;overflow:hidden}.stat:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--blue),var(--sky))}.stat b{display:block;font-size:1.6rem;color:var(--blue)}.stat span{font-size:.8rem;color:var(--muted)}.public-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.reward-preview span,.promo-card span,.story-card span,.partner-card small{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:var(--sky)}.partner-card img{height:58px;object-fit:contain;margin-bottom:.8rem}.partner-monogram{width:58px;height:58px;border-radius:1rem;display:grid;place-items:center;background:#edf4ff;color:var(--blue);font-weight:900;margin-bottom:.8rem}.help-hero{text-align:center;background:linear-gradient(135deg,var(--blue),var(--accent));color:#fff}.help-hero h1{color:#fff}.help-hero input{max-width:860px;margin:1rem auto 0}.help-card{text-align:center}.help-card strong{font-size:2.4rem}.help-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-page{display:none;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:1rem}.auth-page.active-page{display:grid}.auth-visual{position:relative;overflow:hidden;border-radius:var(--radius);min-height:520px;background:var(--navy);display:flex;align-items:end;color:#fff}.auth-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}.auth-visual div{position:relative;padding:2rem;max-width:620px}.auth-visual h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1;margin:.3rem 0}.auth-card{background:#fff;border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow);border:1px solid rgba(0,46,93,.08)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;background:#f3f7fb;border-radius:1rem;padding:.35rem;margin-bottom:1rem}.auth-tabs button{background:transparent;color:var(--blue);box-shadow:none}.auth-tabs button.active{background:var(--blue);color:#fff}.auth-panel{display:none}.auth-panel.active{display:block}.auth-panel h2{font-size:2rem;color:var(--blue);margin:.4rem 0 1rem}.demo-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.verify-box{margin-top:1rem;border-top:1px solid var(--line);padding-top:1rem}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}label{display:block;color:var(--muted);font-size:.84rem;margin-bottom:.45rem}input,select,textarea{width:100%;margin-top:.35rem;border:1px solid var(--line);border-radius:.85rem;padding:.78rem .88rem;color:var(--ink);background:#fff;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--sky);box-shadow:0 0 0 3px rgba(22,185,223,.13)}.hint{font-size:.83rem;color:var(--muted);line-height:1.45}.account-app{display:grid;grid-template-columns:260px 1fr;gap:1rem;margin-top:1rem}.account-sidebar{position:sticky;top:5.5rem;align-self:start;background:#fff;border:1px solid rgba(0,46,93,.08);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.account-mini-card{display:grid;grid-template-columns:46px 1fr;gap:.65rem;align-items:center;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:.75rem}.account-mini-card>span{width:46px;height:46px;border-radius:999px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:900}.account-mini-card small{display:block;color:var(--muted)}.side-link{display:block;width:100%;text-align:left;background:transparent;color:var(--ink);box-shadow:none;border-radius:.75rem;margin:.1rem 0}.side-link.active,.side-link:hover{background:#eaf4ff;color:var(--blue);transform:none}.account-main{min-width:0}.account-summary-card{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#fff;border:1px solid rgba(0,46,93,.08);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem;margin-bottom:1rem}.account-summary-card h1{margin:.2rem 0;color:var(--blue);font-size:clamp(1.45rem,3vw,2.4rem)}.account-summary-card p{margin:.28rem 0}.balance-box{text-align:right}.balance-box span{display:block;color:var(--muted)}.balance-box strong{display:block;color:var(--blue);font-size:clamp(2rem,4vw,3.8rem)}.app-tab{display:none}.app-tab.active{display:block}.overview-grid,.qr-layout,.settings-grid,.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.overview-grid{grid-template-columns:.9fr .75fr .75fr}.card h2{margin:.2rem 0 .8rem;color:var(--blue)}.sectionhead{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:.8rem}.metricgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:.8rem}.metric{background:#f8fbff;border:1px solid var(--line);border-radius:1rem;padding:.8rem}.metric b{display:block;color:var(--blue);font-size:1.35rem}.metric span,.details span{font-size:.82rem;color:var(--muted)}.details{display:grid;gap:.45rem}.details div{display:flex;justify-content:space-between;gap:.7rem;border-bottom:1px solid #edf2f8;padding-bottom:.35rem}.details b{text-align:right}.activity-row,.mini-reward-list div{display:flex;justify-content:space-between;gap:.8rem;padding:.7rem 0;border-bottom:1px solid #edf2f8}.qrgrid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:1rem;align-items:start}.qrgrid.compact{grid-template-columns:220px minmax(0,1fr);margin-top:1rem}.qrbox{width:240px;height:240px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:1rem;padding:.75rem}.qrgrid.compact .qrbox{width:220px;height:220px}.qrbox img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.payload,pre{background:#071427;color:#dcecff;border-radius:1rem;padding:1rem;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:.78rem;min-height:8rem}.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.catalog-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.catalog-filters button{background:#fff;color:var(--blue);border:1px solid var(--line);box-shadow:none;padding:.55rem .75rem}.catalog-filters button.active{background:var(--blue);color:#fff}.reward-card{display:grid;gap:.55rem;border:1px solid var(--line);border-radius:1rem;padding:1rem;background:linear-gradient(180deg,#fff,#f8fbff)}.reward-card>div{display:flex;justify-content:space-between;gap:.7rem;align-items:center}.reward-card h3{margin:0;color:var(--blue);font-size:1rem}.reward-card p{margin:0;color:var(--muted);line-height:1.45;font-size:.86rem}.voucher-card{border:1px solid var(--line);border-radius:1rem;padding:1rem;background:#fff;margin-bottom:.7rem}.voucher-card span{font-size:.78rem;color:var(--muted)}.toggle-list{display:grid;gap:.8rem}.toggle-list label{display:flex;align-items:center;gap:.6rem;color:var(--ink);font-weight:700}.toggle-list input{width:auto;margin:0}.admin-grid{grid-template-columns:1.1fr .9fr}.empty-box{padding:1rem;border:1px dashed var(--line);background:#f8fbff;border-radius:1rem;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:.84rem;background:#fff}th,td{padding:.72rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--blue);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;background:#f6f9ff;position:sticky;top:0}.status{display:inline-flex;padding:.25rem .55rem;border-radius:999px;background:#edf4ff;color:var(--blue);font-weight:900;font-size:.72rem}.status.earned{background:#e8f7ef;color:var(--good)}.status.redeemed{background:#f0e8ff;color:#5b21b6}.status.held{background:#fff3df;color:var(--warn)}#toast{position:fixed;right:1rem;bottom:1rem;z-index:100;background:#071427;color:#fff;padding:1rem;border-radius:1rem;box-shadow:var(--shadow);max-width:420px}.mobile-bottom-nav{display:none}
@media(max-width:1280px){.hero-banner,.auth-page,.account-app,.overview-grid,.qr-layout,.settings-grid,.admin-grid{grid-template-columns:1fr}.hero-copy,.hero-poster{min-height:420px}.account-sidebar{position:static}.steps-grid,.earn-grid,.promo-grid,.partners-grid,.stories-grid,.help-grid,.public-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.site-header{align-items:flex-start;flex-wrap:wrap}.menu-toggle{display:block}.main-nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:.2rem}.main-nav.open{display:flex}.main-nav a{padding:.7rem 0}.header-actions{width:100%;justify-content:space-between}.brand-wordmark{width:min(220px,62vw)}main{width:min(100vw - 1rem,1480px)}.formgrid,.filters,.metricgrid,.qrgrid,.qrgrid.compact{grid-template-columns:1fr}.qrbox,.qrgrid.compact .qrbox{width:min(100%,280px);height:auto;aspect-ratio:1/1}.account-summary-card{align-items:flex-start;flex-direction:column}.balance-box{text-align:left}.account-sidebar{display:none}.mobile-bottom-nav{display:grid;position:fixed;left:.5rem;right:.5rem;bottom:.5rem;z-index:60;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid rgba(0,46,93,.12);border-radius:1rem;padding:.35rem;box-shadow:var(--shadow)}.mobile-bottom-nav button{background:transparent;color:var(--blue);box-shadow:none;font-size:.72rem;padding:.55rem .2rem}.mobile-bottom-nav button.active{background:#eaf4ff}.account-main{padding-bottom:4rem}}
@media(max-width:620px){.hero-copy h1{max-width:none;font-size:clamp(2.3rem,12vw,3.4rem)}.steps-grid,.earn-grid,.promo-grid,.partners-grid,.stories-grid,.help-grid,.public-catalog,.quick-strip,.stats-row,.catalog{grid-template-columns:1fr}.hero-poster{min-height:330px}.quick-strip article{grid-template-columns:66px 1fr}button{width:100%}.sectionhead{flex-direction:column}.demo-buttons,.hero-actions{flex-direction:column}}