:root{
  --bg:#0f1720;
  --card:#0b1220;
  --accent:#4da3ff;
  --muted:#9aa6b2;
  --glass: rgba(255,255,255,0.03);
  --radius:14px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}

*{box-sizing:border-box}

/* ✅ Fix: kein horizontaler Overflow/weißer Balken */
html, body{
  height:100%;
  width:100%;
  overflow-x:hidden;
  margin:0;
}

body{
  /* ✅ Background direkt integriert (lokale Datei) */
  background-image:
    linear-gradient(180deg, rgba(15,23,32,0.88), rgba(7,16,24,0.96) 90%),
    url("../assets/background.jpeg");
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center center;
  background-attachment: scroll, fixed;
  background-size: cover, cover;

  color:#e6eef6;
  padding:32px;
  display:flex;
  justify-content:center;
  align-items:flex-start;
}

.wrap{width:100%;max-width:1000px}

header{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:22px;
}

.logo{
  width:56px;
  height:56px;
  border-radius:10px;
  background-image:url("https://minecraft.wiki/images/Grass_Block_JE7_BE6.png");
  background-size:cover;
  background-position:center;
  image-rendering:pixelated;
  box-shadow:0 6px 18px rgba(0,0,0,.45);
  flex-shrink:0;
}

h1{margin:0;font-size:1.5rem}
.lead{margin-top:4px;color:var(--muted);font-size:.95rem}

.card{
  background: rgba(11,18,32,0.15);
  padding:18px;
  border-radius:var(--radius);
  box-shadow:0 6px 22px rgba(0,0,0,0.45);
  margin-bottom:16px;
}

.section-title{
  font-size:.95rem;
  color:var(--muted);
  margin-bottom:10px;
}

ul{list-style:none;padding:0;margin:0}
li{
  padding:6px 0;
  border-bottom:1px dashed rgba(255,255,255,.06);
}

code{
  background:rgba(255,255,255,.06);
  padding:3px 6px;
  border-radius:6px;
  font-family:monospace;
  font-size:.9rem;
}

a{
  color:var(--accent);
  text-decoration:none;
  font-weight:600;
}

a:hover{
  text-decoration:underline;
  opacity:.95;
}

footer{
  text-align:center;
  margin-top:20px;
  color:var(--muted);
  font-size:.85rem;
}

@media(max-width:900px){
  body{padding:18px}
}