:root{
  --bg1:#0f0f1a; --bg2:#1c2255; --bg3:#29e1b1;
  --card:rgba(12,16,28,.75);
  --text:#eef3f8; --muted:#a7b2c3;
  --primary:#28e1b1; --outline:#2a3242; --chip:#223048;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; color:var(--text);
  background: radial-gradient(1200px 600px at 20% -10%, rgba(41,225,177,.25), transparent 60%),
              radial-gradient(1200px 600px at 100% 0%, rgba(96,88,255,.25), transparent 60%),
              linear-gradient(180deg, #0f1326 0%, #0b0f1e 100%);
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
}
.container{
  max-width:720px; margin:48px auto; padding:28px 24px;
  background:var(--card); border:1px solid rgba(255,255,255,.06);
  border-radius:22px; box-shadow:0 18px 50px rgba(0,0,0,.45); text-align:center;
  backdrop-filter: blur(8px);
}
.avatar{
  width:110px; height:110px; border-radius:18px; object-fit:cover;
  border:2px solid rgba(255,255,255,.2); box-shadow:0 8px 24px rgba(0,0,0,.45);
  margin-top:-72px; background:#111
}
h1{ margin:10px 0 0 }
.headline{ margin:10px auto 6px; font-weight:600 }
.subtitle{ margin:2px auto 18px; color:var(--muted) }
.supply{ margin:6px 0 16px; color:#d5ffef }

.links{ display:flex; flex-direction:column; gap:12px }
.row{ display:flex; gap:10px; align-items:center; justify-content:center }
#qty{
  width:120px; padding:12px 14px; border-radius:12px; border:1px solid var(--outline);
  background:#0e1420; color:#fff; text-align:center; font-weight:600
}
.btn{
  display:block; width:100%; padding:12px 16px; border-radius:14px;
  background:#202636; color:#fff; text-decoration:none; border:1px solid var(--outline);
  transition:transform .05s ease, background .2s ease, box-shadow .2s ease; cursor:pointer; user-select:none;
}
.btn:hover{ transform:translateY(-1px); background:#223048 }
.btn.primary{ background:var(--primary); color:#071a16; border-color:#2bd9aa; font-weight:800 }
.btn.outline{ background:transparent }
.btn.glow{ background:#3c2ef5; box-shadow:0 0 18px rgba(60,46,245,.45) }

.socials{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center }
.chip{
  display:inline-block; padding:8px 12px; border-radius:999px; border:1px solid var(--outline);
  background:var(--chip); color:#fff; text-decoration:none; font-size:14px;
}
footer{ margin-top:18px; color:var(--muted); font-size:13px }