:root{--green:#45bf70;--green-light:#73d993;--ink:#07110b;--paper:#f5f7f3;--muted:#9aa99f;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,#73d99342 0%,#0000 45%),radial-gradient(120% 90% at 85% 10%,#45bf705c 0%,#0000 55%),linear-gradient(160deg,#102c1b 0%,#0a1a10 60%,#07110b 100%);padding:40px 28px 64px;position:relative;overflow:hidden}.logo-frame{border:1px solid #73d99359;border-radius:24px;width:96px;height:96px;margin:0 auto 18px;overflow:hidden;box-shadow:0 10px 30px #45bf7038}.logo-frame img{object-fit:cover;width:100%;height:100%;display:block}.brand{color:var(--green-light);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(--green);stroke-width:2px;stroke-dasharray:6 7;animation:3s linear infinite dash}.route circle{fill:var(--green)}@keyframes dash{to{stroke-dashoffset:-130px}}@media (prefers-reduced-motion:reduce){.route path{animation:none}}.content{text-align:center;padding:8px 28px 40px}.status{color:var(--green-light);margin-bottom:10px;font-size:13px;font-weight:600}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 #73d99352;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(--green);background:#45bf7017}.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}