:root{
  --bg0:#0b1220;
  --bg1:#0d1a2b;
  --card:rgba(255,255,255,.07);
  --card2:rgba(255,255,255,.10);
  --stroke:rgba(255,255,255,.12);
  --text:#eaf1ff;
  --muted:rgba(234,241,255,.75);
  --accent:#28d17c;
  --warn:#ffcc66;
  --danger:#ff6b6b;
  --radius:18px;
  --shadow: 0 18px 60px rgba(0,0,0,.35);
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
*{box-sizing:border-box}
html,body{height:100%}
body.a17{
  margin:0; font-family:var(--font);
  color:var(--text);
  background: radial-gradient(1200px 900px at 20% -10%, rgba(40,209,124,.16), transparent 60%),
              radial-gradient(900px 700px at 90% 0%, rgba(76,163,255,.16), transparent 55%),
              linear-gradient(180deg,var(--bg1),var(--bg0));
  -webkit-font-smoothing:antialiased;
  padding-bottom: env(safe-area-inset-bottom);
}
a{color:inherit;text-decoration:none}
.wrap{padding:14px 14px 22px; max-width:520px; margin:0 auto}
.muted{color:var(--muted)}
.k{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--stroke);font-weight:700;font-size:12px}
h1{margin:10px 0 6px;font-size:22px;letter-spacing:-.2px}
.price{font-weight:900}