:root{--bni-red: #CF2030;--sterling-grey: #C8C8C8;--granite-grey: #64666A;--sterling-light: #F2F2F2;--power-black: #000000;--true-white: #FFFFFF;--red: var(--bni-red);--red-dark: #A81A27;--red-wash: #FBEAEC;--ink: var(--power-black);--ink-2: var(--granite-grey);--ink-3: #8E9095;--line: #E4E4E6;--bg: var(--sterling-light);--card: var(--true-white);--green: #1E8E3E;--green-wash: #E6F4EA;--amber: #B8860B;--amber-wash: #FCF3DC;--radius: 12px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.06);--font: "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}#root{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}@media (min-width: 900px){#root{max-width:1100px}.desktop-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}}.appbar{position:sticky;top:0;z-index:40;background:var(--bni-red);color:var(--true-white);padding:calc(env(safe-area-inset-top) + 12px) 18px 12px;display:flex;align-items:center;gap:14px}.appbar .spacer{flex:1}.appbar .chip{background:#ffffff29;border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:5px 12px;font-size:12px;font-weight:600}main{flex:1;padding:16px 16px calc(env(safe-area-inset-bottom) + 88px)}.bottomnav{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:min(94%,540px);z-index:50;background:var(--bni-red);border-radius:24px;box-shadow:0 8px 28px #00000047;display:flex;justify-content:space-around;padding:8px 6px calc(8px + env(safe-area-inset-bottom)/2)}.bottomnav a{color:#ffffffa6;text-decoration:none;font-size:10.5px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;border-radius:14px}.bottomnav a.active{color:#fff}.bottomnav a.active .icon{transform:translateY(-1px)}.bottomnav .icon{width:22px;height:22px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:14px}.card h3{font-size:15px;font-weight:800;margin-bottom:10px;letter-spacing:-.2px}.card .sub{color:var(--ink-3);font-size:12.5px}.section-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-3);margin:18px 2px 10px}.row{display:flex;align-items:center;gap:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tile{background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:14px 12px 0;text-align:center;overflow:hidden;display:flex;flex-direction:column}.tile .num{font-size:26px;font-weight:900;letter-spacing:-.5px}.tile .lbl{font-size:11px;font-weight:600;color:var(--ink-2);margin:2px 0 10px}.tile .foot{background:var(--red);color:#fff;font-size:10.5px;font-weight:700;padding:6px;margin:auto -12px 0;cursor:pointer}.countdown{border-radius:var(--radius);padding:14px 16px;margin-bottom:14px;color:#fff;background:var(--granite-grey);display:flex;align-items:center;gap:14px}.countdown.warn{background:var(--bni-red)}.countdown .days{font-size:34px;font-weight:900;line-height:1}.countdown .cap{font-size:12px;opacity:.85;font-weight:600}.countdown .msg{font-size:13px;font-weight:600;line-height:1.35}.steps{display:flex;gap:0;margin:14px 0 18px}.step{flex:1;text-align:center;position:relative}.step .dot{width:34px;height:34px;border-radius:50%;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;background:var(--line);color:var(--ink-3);font-weight:800;font-size:14px;border:3px solid var(--line)}.step.done .dot{background:var(--green);border-color:var(--green);color:#fff}.step.active .dot{background:#fff;border-color:var(--red);color:var(--red)}.step .cap{font-size:11px;font-weight:700;color:var(--ink-3)}.step.done .cap,.step.active .cap{color:var(--ink)}.step:not(:first-child):before{content:"";position:absolute;top:16px;left:-50%;width:100%;height:3px;background:var(--line);z-index:-1}.step.done:not(:first-child):before{background:var(--green)}label.field{display:block;margin-bottom:12px}label.field span{display:block;font-size:12px;font-weight:700;color:var(--ink-2);margin-bottom:5px}label.field span.req:after{content:" *";color:var(--red)}input,select,textarea{width:100%;font:inherit;font-size:15px;padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--red)}.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;margin-bottom:10px;line-height:1.4}.check input{width:18px;height:18px;margin-top:1px;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:800;font-size:14.5px;border:none;border-radius:12px;padding:13px 18px;cursor:pointer;text-decoration:none;transition:transform .06s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--bni-red);color:var(--true-white);width:100%;box-shadow:0 4px 14px #cf20304d}.btn-dark{background:var(--ink);color:#fff}.btn-ghost{background:var(--red-wash);color:var(--red)}.btn-line{background:#fff;border:1.5px solid var(--line);color:var(--ink)}.btn-sm{padding:8px 12px;font-size:12.5px;border-radius:9px}.btn-green{background:var(--green);color:#fff}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:99px;letter-spacing:.3px}.b-green{background:var(--green-wash);color:var(--green)}.b-red{background:var(--red-wash);color:var(--red)}.b-amber{background:var(--amber-wash);color:var(--amber)}.b-gray{background:#efedeb;color:var(--ink-2)}.avatar{width:42px;height:42px;border-radius:50%;background:var(--red-wash);color:var(--red);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex:none}.list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:none}.list-item .grow{flex:1;min-width:0}.list-item .name{font-weight:700;font-size:14.5px}.list-item .meta{font-size:12px;color:var(--ink-3);margin-top:1px}.pill-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px;margin-bottom:14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pill-tabs::-webkit-scrollbar{display:none}.pill-tabs button{flex:none;font:inherit;font-size:12.5px;font-weight:700;padding:8px 14px;border-radius:99px;border:1.5px solid var(--line);background:#fff;color:var(--ink-2);cursor:pointer}.pill-tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.palms-wrap{overflow-x:auto;margin:0 -16px;padding:0 16px}table.palms{border-collapse:collapse;font-size:12px;min-width:640px;width:100%}table.palms th{background:var(--ink);color:#fff;font-size:10px;letter-spacing:.5px;padding:8px 6px;position:sticky;top:0;text-align:center}table.palms th:first-child{text-align:left;padding-left:10px;border-radius:8px 0 0}table.palms th:last-child{border-radius:0 8px 0 0}table.palms td{border-bottom:1px solid var(--line);padding:7px 6px;text-align:center;background:#fff}table.palms td:first-child{text-align:left;font-weight:700;padding-left:10px;white-space:nowrap}table.palms select{padding:4px 6px;font-size:12px;font-weight:800;border-radius:7px;width:auto}.palms-P{color:var(--green)}.palms-A{color:var(--red)}.palms-S{color:var(--amber)}.palms-L,.palms-M{color:var(--ink-2)}.money{font-variant-numeric:tabular-nums}.hero-num{font-size:40px;font-weight:900;letter-spacing:-1px}.divider{height:1px;background:var(--line);margin:12px 0}.notice{border-left:4px solid var(--red);background:var(--red-wash);border-radius:8px;padding:10px 12px;font-size:12.5px;font-weight:600;color:var(--red-dark);margin-bottom:12px}.notice.gold{border-color:var(--amber);background:var(--amber-wash);color:var(--amber)}.qr-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px}.leaderboard-rank{width:26px;font-weight:900;color:var(--ink-3);text-align:center}.leaderboard-rank.top{color:var(--red)}.progressbar{height:8px;background:var(--line);border-radius:99px;overflow:hidden}.progressbar>div{height:100%;background:var(--bni-red);border-radius:99px}.login-wrap{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:28px;background:var(--bni-red)}.login-card{background:#fff;border-radius:22px;padding:26px 22px;box-shadow:0 20px 60px #00000059}.demo-note{margin-top:14px;text-align:center;color:#ffffffd9;font-size:12px;line-height:1.6}.brand-lockup{display:inline-flex;align-items:center}.appbar .brand-name{color:var(--true-white);font-weight:700;font-size:15px;letter-spacing:.06em}.appbar .brand-rule{width:1px;align-self:stretch;background:#ffffff73;margin:2px}