/* ---------- Reset ---------- */
*, *::before, *::after { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #f5f5f5;
  background: #0f0f10; /* Fallback */
  overflow-x: hidden;
}

/* ---------- Blur-Hintergrund ---------- */
body::before {
  content:"";
  position: fixed;
  inset: -80px;
  background: url("img/Background.png") center/cover no-repeat;
  filter: blur(6px) contrast(.85);
  transform: translateZ(0) scale(1.06);
  backface-visibility: hidden;
  z-index: -1;
}

/* ---------- Responsive ---------- */
@media (max-width: 700px){
  .nav-container { flex-direction: column; gap: 12px; }
  .about-text { font-size: 1rem; }
}