:root{
  --bg:#0f172a; --card:#111827; --text:#e5e7eb; --muted:#94a3b8;
  --brand:#38bdf8; --accent:#22c55e; --radius:18px; --shadow:0 10px 30px rgba(0,0,0,.25);
}

body{
  margin:0;
  font:16px/1.6 system-ui,Arial;
  background:radial-gradient(1200px 1200px at 0% 0%, #111827 0%, var(--bg) 60%);
  color:var(--text);
}

.wrap{padding:24px}

.site{
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  min-height:80vh;
}

.card{
  background: linear-gradient(180deg,#0b1220 0%, var(--card) 100%);
  border:1px solid rgba(255,255,255,.06);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding:28px;
  margin-inline:auto;
  max-width:680px;
}

.header{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  margin-bottom:10px;
}

.header img{
  width:120px;
  height:auto;
  max-width:120px;
  border-radius:0; /* Logo nicht abgerundet */
}

h1{
  margin:0 0 6px;
  font-size:clamp(26px,4.5vw,40px);
}

.lead{
  color:var(--muted);
  margin:0 0 18px;
  font-size:15px;
}

/* Liste wieder mittig */
.list{
  list-style:none;
  padding:0;
  margin:14px 0 18px;
  display:grid;
  gap:10px;
  text-align:center;
}

.list li{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
}

/* Grüne Punkte entfernt */
.bullet{
  display:none;
}

.meta{
  color:var(--muted);
  font-size:14px;
}

/* Buttons */
.actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:16px;
}
.btn{
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:#0b1220;
  color:#dbeafe;
  text-decoration:none;
  transition:.2s;
}
.btn.primary{
  background:linear-gradient(180deg,#0ea5e9,#0284c7);
  border:none;
  color:white;
}
.btn:hover{opacity:.9}

/* Links wie normaler Text */
a{
  color:inherit;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
  opacity:.9;
}

footer{
  text-align:center;
  color:var(--muted);
  padding:40px 0;
}