@font-face { font-family: Inter; font-weight: 400; font-display: swap; src: url(../fonts/inter/inter-400-normal-latin.woff2) format('woff2'); }
@font-face { font-family: Inter; font-weight: 600; font-display: swap; src: url(../fonts/inter/inter-600-normal-latin.woff2) format('woff2'); }
@font-face { font-family: Inter; font-weight: 700; font-display: swap; src: url(../fonts/inter/inter-700-normal-latin.woff2) format('woff2'); }
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body { font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #0b1020; color: #e9ecff;
  display: flex; flex-direction: column; min-height: 100vh; -webkit-font-smoothing: antialiased; }
.soon { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
  padding: 64px 20px 40px; overflow: hidden; }
.glow { position: absolute; inset: -20% -10% auto; height: 80%; pointer-events: none;
  background: radial-gradient(50% 50% at 30% 30%, rgba(76, 91, 212, .45), transparent 70%), radial-gradient(40% 40% at 72% 38%, rgba(168, 85, 247, .30), transparent 70%); filter: blur(10px); }
.mark { position: relative; width: 96px; height: 96px; border-radius: 24px; box-shadow: 0 18px 50px rgba(76, 91, 212, .45); }
.word { position: relative; margin: 26px 0 0; font-size: clamp(44px, 9vw, 76px); font-weight: 700; letter-spacing: -.03em; line-height: 1; }
.word b { color: #8b97f7; font-weight: 700; }
.at { display: inline-block; font-size: .72em; transform: translateY(-.02em); margin: 0 .01em; }
.tag { position: relative; margin: 10px 0 0; font-size: clamp(22px, 4vw, 30px); font-weight: 600; color: #f0703c; letter-spacing: -.01em; }
.lead { position: relative; max-width: 560px; margin: 22px auto 0; font-size: 17px; line-height: 1.6; color: #b9c0e6; }
.chips { position: relative; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 28px; }
.chips span { padding: 6px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; color: #cfd5ff; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .10); }
.foot { display: flex; flex-wrap: wrap; gap: 10px 22px; justify-content: center; align-items: center; padding: 22px 20px 28px; font-size: 13px; color: #8c93b8; }
.foot nav { display: flex; gap: 16px; }
.foot a { color: #b9c0e6; text-decoration: none; }
.foot a:hover { color: #fff; }
@media (max-width: 420px) { .lead { font-size: 15px; } .lead br { display: none; } }

/* the hidden QR's thank-you (index.html: ?gift=found30) */
.gift { margin: 26px auto 0; max-width: 460px; padding: 14px 18px; border-radius: 16px; color: #fff; font-size: 15px; line-height: 1.45;
  background: linear-gradient(135deg, rgba(76,91,212,.9), rgba(124,58,237,.9)); box-shadow: 0 14px 40px rgba(20,16,60,.45);
  animation: gift-in .8s cubic-bezier(.2,.8,.2,1.2) both .4s; position: relative; }
@keyframes gift-in { from { opacity: 0; transform: translateY(18px) scale(.95); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .gift { animation: none; } }