.app-showcase-module__OHFmZG__wrap{max-width:1160px;margin:0 auto}.app-showcase-module__OHFmZG__roleTabs{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2.2rem;display:flex}.app-showcase-module__OHFmZG__roleOn,.app-showcase-module__OHFmZG__roleOff{color:#475569;cursor:pointer;background:#fff;border:1px solid #e8eef5;border-radius:999px;padding:.55rem 1rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:background .2s,color .2s,border-color .2s,transform .2s}.app-showcase-module__OHFmZG__roleOn{background:var(--brand);border-color:var(--brand);color:#fff}.app-showcase-module__OHFmZG__roleOff:hover{color:#0f172a;border-color:#cbd5e1}.app-showcase-module__OHFmZG__singleStage{justify-content:center;align-items:center;display:flex}.app-showcase-module__OHFmZG__captionRow{flex-wrap:wrap;justify-content:center;gap:.65rem;max-width:720px;margin-top:1.35rem;margin-left:auto;margin-right:auto;display:flex}.app-showcase-module__OHFmZG__captionOn,.app-showcase-module__OHFmZG__captionOff{color:#475569;cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.65rem 1rem;font-family:inherit;font-size:.88rem;font-weight:700;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.app-showcase-module__OHFmZG__captionOn{border-color:var(--brand);color:var(--brand);background:#fff0f2;box-shadow:0 8px 20px #ff240014}.app-showcase-module__OHFmZG__captionOff:hover{color:#0f172a;border-color:#cbd5e1}.app-showcase-module__OHFmZG__device{background:linear-gradient(#1e293b 0%,#0b1220 100%);border-radius:38px;width:280px;height:580px;padding:10px;position:relative;box-shadow:0 10px 22px -12px #0f172a38,inset 0 0 0 1px #ffffff14}.app-showcase-module__OHFmZG__island{z-index:5;background:#020617;border-radius:99px;width:72px;height:16px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.app-showcase-module__OHFmZG__screen{background:#fff;border-radius:30px;flex-direction:column;height:100%;display:flex;overflow:hidden}.app-showcase-module__OHFmZG__statusBar{color:#0f172a;justify-content:space-between;padding:22px 14px 4px;font-size:9px;font-weight:700;display:flex}.app-showcase-module__OHFmZG__statusIcons{opacity:.55;font-size:8px}.app-showcase-module__OHFmZG__screenBody{background:#fff;flex:1;overflow:hidden}.app-showcase-module__OHFmZG__tabBar{background:#fff;border-top:1px solid #e2e8f0;grid-template-columns:repeat(5,1fr);padding:6px 2px 2px;display:grid}.app-showcase-module__OHFmZG__tabItem{color:#64748b;flex-direction:column;align-items:center;gap:2px;font-size:7px;font-weight:600;display:flex}.app-showcase-module__OHFmZG__tabItemActive{color:var(--brand)}.app-showcase-module__OHFmZG__homeBar{background:#0f172a;border-radius:99px;width:78px;height:4px;margin:4px auto 7px}.app-showcase-module__OHFmZG__pad{padding:4px 12px 10px}.app-showcase-module__OHFmZG__row,.app-showcase-module__OHFmZG__rowBetween{gap:8px;display:flex}.app-showcase-module__OHFmZG__rowBetween{justify-content:space-between;align-items:flex-start}.app-showcase-module__OHFmZG__hello{color:#0f172a;letter-spacing:-.2px;font-size:12px;font-weight:800}.app-showcase-module__OHFmZG__muted{color:#64748b;margin-top:2px;font-size:9px;line-height:1.35}.app-showcase-module__OHFmZG__avatar,.app-showcase-module__OHFmZG__avatarLg{background:linear-gradient(135deg, var(--brand), #991500);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.app-showcase-module__OHFmZG__avatar{width:26px;height:26px;font-size:11px}.app-showcase-module__OHFmZG__avatarLg{width:42px;height:42px;margin:0 auto 6px;font-size:16px}.app-showcase-module__OHFmZG__sectionLabel,.app-showcase-module__OHFmZG__kicker,.app-showcase-module__OHFmZG__groupTitle{color:#0f172a;margin:10px 0 6px;font-size:9px;font-weight:800}.app-showcase-module__OHFmZG__kicker{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-top:0}.app-showcase-module__OHFmZG__groupTitle{color:#64748b;text-transform:uppercase;letter-spacing:.05em}.app-showcase-module__OHFmZG__liveCard{background:linear-gradient(135deg, var(--brand), #991500);color:#fff;border-radius:14px;padding:10px}.app-showcase-module__OHFmZG__liveBadge,.app-showcase-module__OHFmZG__ongoing{letter-spacing:.04em;align-items:center;gap:5px;font-size:7px;font-weight:800;display:inline-flex}.app-showcase-module__OHFmZG__liveDot,.app-showcase-module__OHFmZG__greenDot{border-radius:50%;width:6px;height:6px}.app-showcase-module__OHFmZG__liveDot{background:#fff;box-shadow:0 0 0 3px #ffffff40}.app-showcase-module__OHFmZG__greenDot{background:#10b981}.app-showcase-module__OHFmZG__liveTitle,.app-showcase-module__OHFmZG__cardTitle{color:inherit;margin-top:4px;font-size:11px;font-weight:800}.app-showcase-module__OHFmZG__cardTitle{color:#0f172a}.app-showcase-module__OHFmZG__liveHint{opacity:.85;margin-top:3px;font-size:8px}.app-showcase-module__OHFmZG__card,.app-showcase-module__OHFmZG__record,.app-showcase-module__OHFmZG__classCard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px}.app-showcase-module__OHFmZG__record,.app-showcase-module__OHFmZG__classCard{margin-bottom:7px}.app-showcase-module__OHFmZG__iconWrap,.app-showcase-module__OHFmZG__iconWrapLg{background:#fff0f2;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.app-showcase-module__OHFmZG__iconWrapLg{border-radius:12px;width:36px;height:36px;margin:0 auto}.app-showcase-module__OHFmZG__joinRow,.app-showcase-module__OHFmZG__twoBtns{gap:6px;margin-top:8px;display:flex}.app-showcase-module__OHFmZG__fakeInput{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:6px 8px;font-size:9px;font-weight:700}.app-showcase-module__OHFmZG__smallBtn,.app-showcase-module__OHFmZG__primaryBtn,.app-showcase-module__OHFmZG__endBtn,.app-showcase-module__OHFmZG__endWide,.app-showcase-module__OHFmZG__ghostBtn,.app-showcase-module__OHFmZG__ghostWide{text-align:center;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:700}.app-showcase-module__OHFmZG__smallBtn,.app-showcase-module__OHFmZG__primaryBtn,.app-showcase-module__OHFmZG__endBtn,.app-showcase-module__OHFmZG__endWide{background:var(--brand);color:#fff}.app-showcase-module__OHFmZG__primaryBtn,.app-showcase-module__OHFmZG__endWide,.app-showcase-module__OHFmZG__ghostWide{border-radius:10px;margin-top:8px;padding:8px}.app-showcase-module__OHFmZG__ghostBtn,.app-showcase-module__OHFmZG__ghostWide{border:1px solid var(--brand);color:var(--brand);background:#fff}.app-showcase-module__OHFmZG__endBtn{background:#ef4444}.app-showcase-module__OHFmZG__scanCta{background:linear-gradient(135deg, var(--brand), #cc1c00);color:#fff;border-radius:12px;align-items:center;gap:8px;margin-top:10px;padding:10px;display:flex}.app-showcase-module__OHFmZG__scanCta p{font-size:11px;font-weight:800}.app-showcase-module__OHFmZG__scanCta span{opacity:.85;font-size:8px}.app-showcase-module__OHFmZG__statRow{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.app-showcase-module__OHFmZG__statBox{text-align:center;background:#f8fafc;border-radius:10px;padding:7px 4px}.app-showcase-module__OHFmZG__statBox p{color:#64748b;font-size:7px;font-weight:600}.app-showcase-module__OHFmZG__statBox b{color:#0f172a;margin-top:2px;font-size:13px;display:block}.app-showcase-module__OHFmZG__red,.app-showcase-module__OHFmZG__bigRed{color:var(--brand)!important}.app-showcase-module__OHFmZG__bigRed{margin:2px 0 0;font-size:28px;font-weight:800}.app-showcase-module__OHFmZG__screenTitle{letter-spacing:-.4px;color:#0f172a;font-size:16px;font-weight:800;line-height:1.15}.app-showcase-module__OHFmZG__timelineItem{gap:8px;display:flex}.app-showcase-module__OHFmZG__timelineRail{flex-direction:column;align-items:center;width:10px;display:flex;position:relative}.app-showcase-module__OHFmZG__timelineDot{background:var(--brand);width:8px;height:8px;box-shadow:0 0 0 1px var(--brand);z-index:1;border:2px solid #fff;border-radius:50%;margin-top:8px}.app-showcase-module__OHFmZG__timelineTrack{background:#fff0f2;flex:1;width:2px;min-height:28px}.app-showcase-module__OHFmZG__classCard{flex:1}.app-showcase-module__OHFmZG__code,.app-showcase-module__OHFmZG__mode{color:var(--brand);font-size:9px;font-weight:800}.app-showcase-module__OHFmZG__centerCard{text-align:center}.app-showcase-module__OHFmZG__centerCard .app-showcase-module__OHFmZG__muted,.app-showcase-module__OHFmZG__centerCard .app-showcase-module__OHFmZG__cardTitle{margin-top:4px}.app-showcase-module__OHFmZG__pills{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.app-showcase-module__OHFmZG__pill,.app-showcase-module__OHFmZG__pillOn{color:#6b7280;border:1px solid #d1d5db;border-radius:99px;padding:4px 9px;font-size:9px;font-weight:700}.app-showcase-module__OHFmZG__pillOn{background:var(--brand);border-color:var(--brand);color:#fff}.app-showcase-module__OHFmZG__badgeOk,.app-showcase-module__OHFmZG__badgeMissed,.app-showcase-module__OHFmZG__badgePending{text-transform:capitalize;border-radius:99px;padding:2px 7px;font-size:8px;font-weight:800}.app-showcase-module__OHFmZG__badgeOk{color:#166534;background:#dcfce7}.app-showcase-module__OHFmZG__badgeMissed{color:#ef4444;background:#fee2e2}.app-showcase-module__OHFmZG__badgePending{color:#b45309;background:#fef3c7}.app-showcase-module__OHFmZG__profileHead{text-align:center;color:#0f172a;padding:4px 0 8px;font-size:12px;font-weight:800}.app-showcase-module__OHFmZG__gradientHero{background:linear-gradient(135deg, var(--brand), #991500);color:#fff;text-align:center;padding:14px 12px 16px}.app-showcase-module__OHFmZG__heroName{font-size:13px;font-weight:800}.app-showcase-module__OHFmZG__roleChip{letter-spacing:.08em;background:#fff3;border-radius:99px;margin-top:5px;padding:2px 8px;font-size:8px;font-weight:800;display:inline-block}.app-showcase-module__OHFmZG__heroMeta{opacity:.9;margin-top:3px;font-size:9px}.app-showcase-module__OHFmZG__verified{align-items:center;gap:3px;margin-top:6px;font-size:9px;font-weight:700;display:inline-flex}.app-showcase-module__OHFmZG__qrPad,.app-showcase-module__OHFmZG__qrBoard{background:#fff;border-radius:10px;width:92px;margin:8px auto 0;padding:8px}.app-showcase-module__OHFmZG__qrBoard{width:120px;padding:10px;box-shadow:0 8px 18px #0f172a14}.app-showcase-module__OHFmZG__qrGrid{background:#fff;gap:2px;display:grid}.app-showcase-module__OHFmZG__qrCell{aspect-ratio:1;background:#0f172a;border-radius:1px}.app-showcase-module__OHFmZG__quickRow{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;display:grid}.app-showcase-module__OHFmZG__quickBox{text-align:center;color:#475569;background:#f8fafc;border-radius:10px;padding:8px 4px;font-size:8px;font-weight:700}.app-showcase-module__OHFmZG__upcoming{background:var(--brand);color:#fff;border-radius:14px;padding:10px}.app-showcase-module__OHFmZG__upcoming p{margin-top:6px;font-size:13px;font-weight:800}.app-showcase-module__OHFmZG__upcoming span:last-child{opacity:.9;font-size:10px}.app-showcase-module__OHFmZG__today{background:#fff3;border-radius:6px;padding:2px 6px;font-size:8px;font-weight:800}.app-showcase-module__OHFmZG__liveSoft{background:#fff;border:1px solid #10b981;border-radius:12px;padding:8px}.app-showcase-module__OHFmZG__ongoing{color:#10b981;font-size:8px}.app-showcase-module__OHFmZG__endStack{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.app-showcase-module__OHFmZG__codeBadge{color:var(--brand);letter-spacing:1px;background:#fff0f2;border-radius:8px;padding:4px 8px;font-size:10px;font-weight:800}.app-showcase-module__OHFmZG__shortCode{color:#fff;text-align:center;background:#0f172a;border-radius:12px;margin:10px 0;padding:10px}.app-showcase-module__OHFmZG__shortCode span{letter-spacing:.1em;color:#94a3b8;font-size:8px;font-weight:800}.app-showcase-module__OHFmZG__shortCode b{letter-spacing:.18em;margin-top:4px;font-size:22px;display:block}.app-showcase-module__OHFmZG__sectionHead{color:#334155;background:#f1f5f9;border-radius:8px;margin:10px 0 8px;padding:6px 8px;font-size:8px;font-weight:700}.app-showcase-module__OHFmZG__reasonBox,.app-showcase-module__OHFmZG__flagReason{color:#9a3412;background:#fff7ed;border-radius:8px;margin:6px 0;padding:6px;font-size:9px;font-weight:600}.app-showcase-module__OHFmZG__officerCard{background:var(--brand);color:#fff;border-radius:16px;padding:14px}.app-showcase-module__OHFmZG__officerCard p{font-size:14px;font-weight:800}.app-showcase-module__OHFmZG__officerCard span{letter-spacing:.08em;background:#fff3;border-radius:8px;margin-top:6px;padding:3px 8px;font-size:8px;font-weight:800;display:inline-block}.app-showcase-module__OHFmZG__officerCard em{opacity:.9;margin-top:8px;font-size:10px;font-style:normal;display:block}.app-showcase-module__OHFmZG__note{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:10px;padding:10px;font-size:9px;line-height:1.4}@media (max-width:980px){.app-showcase-module__OHFmZG__device{width:min(320px,82vw);height:min(660px,78vh)}.app-showcase-module__OHFmZG__captionRow{padding:0 12px}.app-showcase-module__OHFmZG__captionOn,.app-showcase-module__OHFmZG__captionOff{flex:140px;padding:.6rem .75rem;font-size:.82rem}.app-showcase-module__OHFmZG__screenTitle{font-size:18px}.app-showcase-module__OHFmZG__hello,.app-showcase-module__OHFmZG__cardTitle,.app-showcase-module__OHFmZG__liveTitle{font-size:13px}.app-showcase-module__OHFmZG__muted,.app-showcase-module__OHFmZG__liveHint{font-size:11px}.app-showcase-module__OHFmZG__tabItem{font-size:8px}}