:root { --bg:#0b0b0f; --glass:rgba(15,15,15,0.4); --accent:#34d399; --ink:#e7e7ea; }
*{box-sizing:border-box}
html,body{
  margin:0;
  height:100%;
  font-family:system-ui,Segoe UI,Roboto,Inter,sans-serif;
  color:var(--ink);
  background:var(--bg) url('img/coin.png') center center no-repeat fixed;
  background-size:contain;
}
.overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.4);
  z-index:0;
}
.content{
  position:relative;
  z-index:1;
  max-width:600px;
  margin:0 auto;
  top:50%;
  transform:translateY(-50%);
  text-align:center;
  background:var(--glass);
  backdrop-filter:blur(12px);
  border-radius:24px;
  padding:40px 32px;
  box-shadow:0 8px 32px rgba(0,0,0,0.4);
}
h1{margin-top:0;font-size:clamp(28px,4vw,44px)}
p{margin:0 0 24px 0;line-height:1.5}
.links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}
.btn{
  padding:12px 20px;
  border-radius:14px;
  background:var(--accent);
  color:#062312;
  font-weight:700;
  text-decoration:none;
  transition:opacity .2s;
}
.btn:hover{opacity:.85}
.ca{font-size:14px;word-break:break-all;color:#cceedd;margin-top:10px}
code{color:#86efac}