*{box-sizing:border-box}
html,body{height:100%;margin:0;background:#070708;color:#f5f2ef;font:15px/1.5 "Inter","SF Pro Text",-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}
body{display:grid;place-items:center;padding:20px;background:radial-gradient(900px 520px at 50% -10%,rgba(209,18,42,.24),transparent 70%),#070708}
.radar{position:fixed;left:50%;top:50%;width:150vmax;height:150vmax;transform:translate(-50%,-50%);pointer-events:none;opacity:.5}
.radar i{position:absolute;left:50%;top:50%;border:1px solid rgba(225,29,51,.13);border-radius:50%;transform:translate(-50%,-50%)}
.radar i:nth-child(1){width:26%;height:26%}.radar i:nth-child(2){width:52%;height:52%}.radar i:nth-child(3){width:78%;height:78%}
.radar b{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(225,29,51,.16),transparent 18%);animation:sw 7s linear infinite}
@keyframes sw{to{transform:rotate(360deg)}}
#card{position:relative;width:100%;max-width:372px;background:#0d0d0f;border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:0 28px 26px;box-shadow:0 30px 80px rgba(0,0,0,.6);overflow:hidden;text-align:center}
#card::before{content:"";display:block;height:3px;margin:0 -28px 30px;background:#d1122a}
.wm{display:flex;align-items:center;justify-content:center;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
.wm svg{width:22px;height:22px;margin-right:12px;fill:none;stroke:#e11d33;stroke-width:2.4;stroke-linecap:round;color:#e11d33}
.wm b{font-weight:750;margin-right:.5em}.wm i{font-style:normal;font-weight:400;color:#e11d33}
.sub{margin-top:8px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#8d8884}
.load{margin:34px 0 10px;color:#a19c98;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px}
.dot{width:8px;height:8px;border-radius:50%;background:#e11d33;animation:pl 1.2s ease-in-out infinite}
@keyframes pl{50%{opacity:.25;transform:scale(.7)}}
h1{margin:30px 0 8px;font-size:19px;line-height:1.3;font-weight:700}
p{margin:0;color:#b5b0ab;font-size:14.5px}
.btn{display:block;margin-top:22px;background:#d1122a;color:#fff;border-radius:10px;padding:14px;font-weight:650;font-size:15px;text-decoration:none;letter-spacing:.02em;cursor:pointer}
.btn:active{background:#e11d33}
.foot{margin-top:18px;font-size:12px;color:#77726e}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){.radar b,.dot{animation:none}}