:root{--blue:#2f5cff;--gold:#f5b921;--gold-soft:#f7cb57;--ink:#06070b;--paper:#f6f4ee;--muted:#9ba3b5;color:var(--paper);background:var(--ink);font-family:IBM Plex Sans Arabic,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--ink);min-height:100vh}.wrap{width:100%;max-width:480px;min-height:100vh;margin:0 auto}.hero{text-align:center;background:radial-gradient(120% 90% at 20% 0,#f5b9218c 0%,#0000 45%),radial-gradient(120% 90% at 85% 10%,#2f5cffe6 0%,#0000 55%),linear-gradient(160deg,#13224f 0%,#0c1636 60%,#06070b 100%);padding:48px 28px 64px;position:relative;overflow:hidden}.badge{border-radius:22px;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 22px;display:flex;overflow:hidden;box-shadow:0 10px 30px #2f5cff59}.badge img{object-fit:cover;width:100%;height:100%;display:block}.brand{color:var(--gold-soft);letter-spacing:.08em;text-transform:uppercase;direction:ltr;margin-bottom:10px;font-size:15px;font-weight:700}.tagline{color:var(--paper);margin:0;font-size:22px;font-weight:600;line-height:1.5}.route{width:100%;height:34px;margin-top:-2px;display:block}.route path{fill:none;stroke:var(--gold);stroke-width:2px;stroke-dasharray:6 7;animation:3s linear infinite dash}.route circle{fill:var(--gold)}@keyframes dash{to{stroke-dashoffset:-130px}}@media (prefers-reduced-motion:reduce){.route path{animation:none}}.card{text-align:center;padding:8px 28px 40px}.status{color:var(--gold);margin-bottom:10px;font-size:13px;font-weight:600;display:block}h1{margin:0 0 8px;font-size:22px;font-weight:700}.sub{color:var(--muted);margin:0 0 30px;font-size:14.5px;line-height:1.6}.buttons{flex-direction:column;gap:12px;display:flex}.btn{color:var(--paper);background:#ffffff05;border:1px solid #f5b92159;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:15px 20px;font-size:15.5px;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.btn:hover{border-color:var(--gold);background:#f5b92114}.btn svg{flex-shrink:0;width:19px;height:19px}.qr-wrap{border-top:1px solid #ffffff14;margin-top:34px;padding-top:26px}.qr-wrap p{color:var(--muted);margin:0 0 14px;font-size:12.5px}.qr-wrap img{background:var(--paper);border-radius:10px;width:128px;height:128px;padding:8px}