
:root{
  --bg:#0b0b0f;
  --panel:#121219;
  --ink:#d8d8e3;
  --muted:#9aa0a6;
  --accent:#7cfe8e;
  --accent2:#b084f4;
  --glow: 0 0 12px rgba(124,254,142,0.45), 0 0 32px rgba(176,132,244,0.25);
  --radius: 18px;
  --shadow: 0 10px 25px rgba(0,0,0,.45);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:"Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; line-height:1.55;}

.container{max-width:980px;margin:0 auto;padding:24px;}

.site-title{font-family:"Cinzel", serif; font-weight:700; letter-spacing:2px; text-align:center; margin:42px 0 8px 0; font-size: clamp(28px, 5vw, 64px);}
.tagline{color:var(--muted); text-align:center; margin:0 0 24px 0;}

.bg-effects .grid{
  position:fixed; inset:0; pointer-events:none;
  background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 40px 40px, 40px 40px;
  mask-image: radial-gradient(ellipse at center, black 0%, transparent 70%);
}
.bg-effects .vignette{ position:fixed; inset:0; pointer-events:none; box-shadow: inset 0 0 200px rgba(0,0,0,.8);}

.card{ background: linear-gradient(160deg, rgba(18,18,25,0.9), rgba(18,18,25,0.75));
  border:1px solid rgba(255,255,255,0.06); border-radius: var(--radius); padding: 22px; box-shadow: var(--shadow); backdrop-filter: blur(4px);}

.card.inner{ margin-top:16px; }

.section-title{font-family:"Cinzel", serif; margin:0 0 6px 0;}
.section-sub{color:var(--muted); margin:0 0 18px 0;}

.download-list{list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr; gap:14px;}
@media(min-width:720px){ .download-list{ grid-template-columns: 1fr 1fr;} }

.download-item{border:1px solid rgba(124,254,142,0.18); border-radius:14px; padding:14px; background:#0f1016;}
.download-title{margin:0 0 6px 0; font-weight:700; display:flex; align-items:center; gap:8px;}
.download-title .badge{font-size:12px; color:var(--accent2);}
.download-desc{margin:0 0 10px 0; color:var(--muted); white-space:normal;}
.hash{ font-size:12px; color:var(--muted); margin-top:6px; }
.actions{display:flex; gap:10px; align-items:center; flex-wrap:wrap;}

.crypto-grid{ display:grid; grid-template-columns:1fr; gap:12px; }
@media(min-width:720px){ .crypto-grid{ grid-template-columns:1fr 1fr; } }
.crypto-item code{ display:block; margin:6px 0; }

.btn{display:inline-block; padding:10px 14px; border-radius:12px; border:1px solid rgba(255,255,255,0.12); text-decoration:none; color:var(--ink); transition:transform .06s ease, box-shadow .15s ease; background:linear-gradient(180deg,#171821,#121219); cursor:pointer;}
.btn:hover{ transform: translateY(-1px); box-shadow: 0 10px 24px rgba(124,254,142,0.08); }
.btn:active{ transform: translateY(0);}
.btn-glow{ border-color: rgba(124,254,142,0.5); box-shadow: var(--glow); color:#0b0b0f; background: linear-gradient(180deg, var(--accent), #67f18d); font-weight:700;}

.glow{ text-shadow: 0 0 10px rgba(124,254,142,.5), 0 0 28px rgba(176,132,244,.35); color:var(--ink); }

.donate{ margin-top:22px;}
.donate-actions{ display:flex; gap:12px; flex-wrap:wrap; }
.micro{ color: var(--muted); font-size:12px; margin-top:8px;}

.site-footer{ text-align:center; color:var(--muted); margin: 28px 0 48px 0; font-size: 14px; }
.warn{ color:#ffb4b4;}
code{ background:#10131a; padding:2px 6px; border-radius:8px; border:1px solid rgba(255,255,255,0.08);}
