:root{
--bg:#05060d;
--card:#0b0f1a;
--accent:#00f7ff;
--accent2:#ff00ff;
--muted:#9aa4b2;
--glass: rgba(255,255,255,0.05);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:radial-gradient(circle at top, #090d16, #000); color:#e6eef6;}
.container{max-width:900px;margin:0 auto;padding:20px}
.site-header{backdrop-filter:blur(6px);background:transparent;padding:10px 0}
.logo{font-weight:700;text-decoration:none;color:var(--accent);font-size:18px;text-shadow:0 0 8px var(--accent)}
.nav{float:right}
.nav-link{margin-left:14px;color:var(--muted);text-decoration:none;transition:0.2s}
.nav-link:hover{color:var(--accent2);text-shadow:0 0 6px var(--accent2)}


.hero{padding:40px 0}
.hero-inner{text-align:center}
h1{font-size:28px;margin-bottom:8px;text-shadow:0 0 10px var(--accent)}
.lead{color:var(--muted);margin-bottom:18px}
.cta-row{display:flex;gap:10px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}
.btn{padding:8px 14px;border-radius:10px;text-decoration:none;font-weight:600;border:1px solid var(--glass);transition:0.2s}
.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#051019;text-shadow:0 0 4px #fff}
.btn.primary:hover{transform:scale(1.05)}
.btn.ghost{background:transparent;color:var(--muted)}
.btn.ghost:hover{color:var(--accent)}


.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}
.card{background:var(--card);padding:14px;border-radius:10px;border:1px solid var(--glass);box-shadow:0 0 12px rgba(0,255,255,0.1)}
.card h3{margin-bottom:6px;color:var(--accent)}
.rules{list-style:disc inside;font-size:14px;color:#cbd5e1;text-align:left}
.mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, 'Roboto Mono', monospace;background:rgba(255,255,255,0.02);padding:4px;border-radius:5px}


html, body {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.site-footer {
  margin-top: auto;          /* footer sa prilepí na spodok */
  padding: 24px 0;           /* väčší padding pre vzdušnosť */
  text-align: center;
  font-size: 24px;           /* zväčšený text */
  color: var(--accent);      /* neonová farba */
  text-shadow: 0 0 8px var(--accent), 0 0 14px var(--accent2);
  background: transparent;
}




@media (max-width:600px){
h1{font-size:22px}
.nav{display:none}
.cta-row{flex-direction:column}
}

.whitelist-link {
  color: #faff00; /* žltá neon */
  text-shadow: 0 0 6px #faff00, 0 0 12px #ffd700;
  font-weight: 600;
  transition: 0.2s;
}

.whitelist-link:hover {
  color: #fff95b;
  text-shadow: 0 0 8px #fff95b, 0 0 16px #faff00;
}