/* download.css — Silkret downloads page (colors #23c2bd / #0e2535) */

:root{
  --brand: #23c2bd;
  --bg: #0e2535;
  --panel: #071425;
  --muted: #9fbfc0;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter, "Helvetica Neue", Arial, sans-serif;
  background:var(--bg);
  color:#fff;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.site-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 28px;
  background:linear-gradient(90deg, rgba(35,194,189,0.06), rgba(14,37,53,1));
  border-bottom:1px solid rgba(35,194,189,0.06);
}

.brand{display:flex;align-items:center;gap:14px}
.logo{width:56px;height:56px;object-fit:contain}
.brand h1{color:var(--brand);font-size:20px;margin:0}

.main-nav a{
  color:var(--brand);
  margin-left:18px;
  text-decoration:none;
  font-weight:600;
}
.main-nav a.active{opacity:0.95}

.container{max-width:1100px;margin:36px auto;padding:0 20px}

.intro h2{color:var(--brand);margin-bottom:8px}
.intro p{color:var(--muted);margin:8px 0}
.warning{color:#ffd080;font-size:0.95rem;margin-top:6px}

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:18px;
  margin-top:22px;
}

.card{
  background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border-radius:12px;
  padding:18px;
  border:1px solid rgba(35,194,189,0.06);
}

.card h3{color:var(--brand);margin:0 0 8px 0}
.card p{color:var(--muted);margin:0 0 10px 0}
.small{color:#b7dcd8;font-size:0.9rem;margin-top:8px}

.btn{
  display:inline-block;
  background:var(--brand);
  color:var(--bg);
  padding:10px 16px;
  border-radius:8px;
  text-decoration:none;
  font-weight:700;
  margin-top:8px;
}
.btn:hover{background:#1aa9a3}

.verify{margin-top:28px;padding:18px;background:var(--panel);border-radius:10px;border:1px solid rgba(255,255,255,0.03)}
.verify h3{color:var(--brand);margin-top:0}
.verify ul{color:var(--muted);margin:8px 0 0 18px}
.verify a{color:var(--brand);text-decoration:underline}

.site-footer{
  margin-top:36px;
  padding:18px;
  text-align:center;
  color:var(--brand);
  border-top:1px solid rgba(35,194,189,0.04);
}