:root{--red: #c8102e;--red-deep: #8f0b20;--ink: #111111;--cream: #f7f4ef;--steel: #8a8f98;--steel-dim: #3a3d42;--chrome: #d4d7db;--success: #1f8a4c;--warning: #c47b16;--radius: 14px;--font-display: "Bebas Neue", sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;min-height:100dvh;height:100%}#root{display:flex;flex-direction:column}body{margin:0;font-family:var(--font-body);color:var(--cream);background:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{flex:1;width:100%;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse 120% 80% at 50% -10%,rgba(200,16,46,.45),transparent 55%),radial-gradient(ellipse 80% 50% at 100% 100%,rgba(200,16,46,.12),transparent 50%),linear-gradient(180deg,#161616,#0c0c0c)}.app-shell:before{content:"";pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#fff 2px,#fff 3px);mix-blend-mode:overlay}.page{width:100%;max-width:100%;margin:0 auto;padding:calc(16px + var(--safe-top)) 20px calc(28px + var(--safe-bottom));flex:1;display:flex;flex-direction:column;position:relative;z-index:1;min-height:100dvh;min-height:100svh;box-sizing:border-box}.page-auth{justify-content:flex-start;gap:0;padding-top:calc(12px + var(--safe-top));padding-bottom:max(calc(28px + var(--safe-bottom)),4vh)}.page-auth .auth-block{width:100%;max-width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;padding-block:1.5rem}.page-auth .auth-footer{margin-top:.25rem}.top-bar{display:flex;align-items:center;width:100%;min-height:48px;margin:0 0 .5rem;flex-shrink:0}.top-bar-back{display:inline-flex;align-items:center;gap:.55rem;color:var(--cream);font-weight:600;font-size:.95rem;padding:.35rem 0;min-height:44px}.top-bar-back span[aria-hidden]{font-size:1.25rem;line-height:1;color:var(--steel)}.top-bar-brand{font-family:var(--font-display);letter-spacing:.06em;font-size:1.15rem;color:var(--cream)}.page-stretch{justify-content:flex-start}.page-stretch .page-body{flex:1;display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.page{max-width:560px;padding-inline:28px}}@media(min-width:768px){.page{max-width:640px;padding-inline:36px}}@media(min-width:900px){.page{max-width:720px}}.brand{font-family:var(--font-display);letter-spacing:.04em;line-height:.95}.brand-xl{font-size:clamp(3.4rem,14vw,5.5rem)}.brand-md{font-size:clamp(2rem,8vw,2.8rem)}.eyebrow{color:var(--steel);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:600}.lede{color:#f7f4efc7;font-size:1.05rem;line-height:1.45;max-width:100%}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:.95rem 1.4rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .15s ease,background .15s ease,opacity .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--red);color:var(--cream);box-shadow:0 10px 30px #c8102e59}.btn-primary:hover:not(:disabled){background:#e01436}.btn-ghost{background:transparent;color:var(--cream);border:1px solid rgba(247,244,239,.22)}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.15rem}.field label{font-size:.8rem;color:var(--steel);font-weight:600}.field input,.field textarea{background:#ffffff0a;border:1px solid rgba(247,244,239,.14);border-radius:14px;padding:1rem 1.05rem;color:var(--cream);outline:none;min-height:52px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field input:focus,.field textarea:focus{border-color:#c8102eb3;box-shadow:0 0 0 3px #c8102e33}.stack{display:flex;flex-direction:column;gap:1.1rem;width:100%}.stack-lg{gap:1.65rem;width:100%}.muted{color:var(--steel)}.alert{border-radius:12px;padding:.85rem 1rem;font-size:.92rem;line-height:1.4}.alert-error{background:#c8102e26;border:1px solid rgba(200,16,46,.4);color:#ffb4c0}.alert-ok{background:#1f8a4c26;border:1px solid rgba(31,138,76,.4);color:#b6f0cb}.alert-warn{background:#c47b1626;border:1px solid rgba(196,123,22,.4);color:#ffd39a}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:1rem;padding-bottom:calc(1rem + var(--safe-bottom));background:#000000c7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:modal-fade .2s ease}.modal-sheet{width:min(100%,420px);max-height:min(85dvh,560px);overflow:auto;background:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(200,16,46,.35),transparent 55%),#141414;border:1px solid rgba(212,215,219,.14);border-radius:18px;padding:1.35rem 1.25rem 1.25rem;box-shadow:0 24px 60px #0000008c;animation:modal-up .28s ease}.modal-accent{height:3px;width:48px;border-radius:999px;background:var(--red);margin-bottom:.85rem}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(min-width:640px){.modal-backdrop{align-items:center;padding-bottom:1rem}}.progress-ring-wrap{display:grid;place-items:center;position:relative;width:180px;height:180px;margin:0 auto}.progress-ring-wrap svg{transform:rotate(-90deg)}.progress-label{position:absolute;text-align:center}.progress-label strong{display:block;font-family:var(--font-display);font-size:2.6rem;letter-spacing:.04em}.chrome-rule{height:1px;background:linear-gradient(90deg,transparent,var(--chrome),transparent);opacity:.35;border:none;margin:1.2rem 0}.sticky-cta{position:sticky;bottom:calc(12px + var(--safe-bottom));margin-top:auto;padding-top:1rem}.nav-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:1rem 0 1.25rem}.nav-tabs a{text-align:center;padding:.65rem .4rem;border-radius:999px;font-size:.78rem;font-weight:600;color:var(--steel);border:1px solid transparent}.nav-tabs a.active{color:var(--cream);border-color:#c8102e80;background:#c8102e26}.panel{border:1px solid rgba(247,244,239,.1);border-radius:var(--radius);padding:1rem 1.1rem;background:#ffffff08}.scanner-frame{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(247,244,239,.15);min-height:min(52vh,420px);flex:1;background:#000}.scanner-frame video{width:100%!important;border-radius:16px}.qr-reader-host{width:100%;min-height:min(52vh,420px)}.qr-reader-host img,.qr-reader-host video{object-fit:cover!important}.scanner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem;background:#000000b8}.reward-reveal{animation:rewardIn .7s ease both}@keyframes rewardIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes pulseOk{0%,to{box-shadow:0 0 #1f8a4c73}50%{box-shadow:0 0 0 14px #1f8a4c00}}.pulse-ok{animation:pulseOk 1.2s ease 2}.table-wrap{overflow:auto;border-radius:12px;border:1px solid rgba(247,244,239,.1)}table.data{width:100%;border-collapse:collapse;font-size:.8rem}table.data th,table.data td{padding:.65rem .7rem;text-align:left;border-bottom:1px solid rgba(247,244,239,.08);white-space:nowrap}table.data th{color:var(--steel);font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:768px){.stat-grid{grid-template-columns:repeat(5,1fr)}}.stat{padding:.9rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(247,244,239,.08)}.stat strong{display:block;font-family:var(--font-display);font-size:1.8rem;letter-spacing:.03em}.stat span{color:var(--steel);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.hero-landing{flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:100dvh;min-height:100svh;padding-bottom:calc(1.25rem + var(--safe-bottom))}.hero-visual{flex:1 1 auto;min-height:min(48vh,420px);margin:calc(-1 * (24px + var(--safe-top))) -22px 0;padding-top:var(--safe-top);background:linear-gradient(180deg,transparent 10%,rgba(17,17,17,.85) 78%,#111 100%),radial-gradient(circle at 30% 40%,rgba(200,16,46,.55),transparent 45%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.08),transparent 40%),#1a1a1a;position:relative}@media(min-width:768px){.hero-visual{margin-inline:-40px;min-height:min(52vh,480px)}}.hero-visual:after{content:"500";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-display);font-size:clamp(7rem,32vw,12rem);color:#f7f4ef0f;letter-spacing:.02em}.qr-thumb{background:#fff;padding:8px;border-radius:8px;display:inline-block}.desktop-block{min-height:100dvh;display:grid;place-items:center;padding:2rem;background:radial-gradient(ellipse 90% 70% at 50% -10%,rgba(200,16,46,.4),transparent 55%),#111;text-align:left}.desktop-block-inner{width:min(420px,100%)}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem}.loader-page{min-height:100dvh;min-height:100svh;display:grid;place-items:center;width:100%}.loader-ring{border-radius:50%;border:2.5px solid rgba(247,244,239,.12);border-top-color:var(--red);border-right-color:#c8102e73;animation:loaderSpin .75s linear infinite;box-shadow:0 0 18px #c8102e40}.loader-label{margin:0;color:var(--steel);font-size:.85rem;letter-spacing:.04em;text-align:center}@keyframes loaderSpin{to{transform:rotate(360deg)}}