*{box-sizing:border-box}
html,body{margin:0}
body{min-height:100vh;background:#0B1F2B;color:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(800px 520px at 50% 30%,rgba(11,79,102,.5),transparent 70%),
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:auto,64px 64px,64px 64px}
.wrap{min-height:100vh;width:min(440px,100%);margin:0 auto;padding:40px 16px 24px;display:flex;flex-direction:column;justify-content:center;gap:28px}
.logo{display:flex;align-items:center;gap:12px;justify-content:center}
.mark{width:38px;height:38px;border-radius:9px;border:1px solid rgba(255,255,255,.22)}
.word{display:flex;flex-direction:column;line-height:1}
.word b{font-weight:600;font-size:19px}
.word small{font-size:10px;letter-spacing:.32em;color:rgba(255,255,255,.6);margin-top:4px}
.card{padding:28px 24px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 60px -30px rgba(0,0,0,.6);text-align:center;display:flex;flex-direction:column;gap:12px}
h1{margin:0;font-size:26px;line-height:1.15;letter-spacing:-.02em;font-weight:600}
p{margin:0;font-size:15px;line-height:1.5;color:rgba(255,255,255,.65)}
.desk{display:none}
@media (hover:hover) and (pointer:fine){.phone{display:none}.desk{display:block}}
.stores{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:8px}
.store{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 20px;border-radius:12px;background:#fff;color:#0B1F2B;font-weight:600;font-size:15px;text-decoration:none}
.store:hover{background:#DDEFF4}
footer{text-align:center;font-size:13px;color:rgba(255,255,255,.5)}
.mono{font-family:ui-monospace,Menlo,monospace}