:root {
  --brand: #171769; /* dein Blau */
}

.text-ink { color:#0f172a; }

.hero {
  background: radial-gradient(1200px 600px at 10% 10%, #f8f9fa 0, #ffffff 40%, #eef2f6 100%);
}

/* Buttons */
.btn-hero {
  background:#f1f5f9;
  color:#0f172a;
  border:1px solid #e2e8f0;
}
.btn-hero:hover {
  background:var(--brand);
  color:#fff;
  border-color:var(--brand);
}

.btn-outline-hero {
  background:#fff;
  color:#0f172a;
  border:1px solid #e2e8f0;
}
.btn-outline-hero:hover {
  background:var(--brand);
  color:#fff;
  border-color:var(--brand);
}

/* Bildkarte */
.profile-card {
  position:relative;
  max-width: 520px;
  border:1px solid #e5e7eb;
  background:#fff;
  padding: .75rem;
  border-radius: 1.25rem;
  box-shadow: 0 20px 50px rgba(0,0,0,.08);
}
.profile-card img {
  display:block;
  width:100%;
  height:auto;
  border-radius: .9rem;
}
.profile-badge {
  position:absolute;
  left:1rem; bottom:1rem;
  background: #ffffffcc;
  backdrop-filter: blur(6px);
  border:1px solid #e5e7eb;
  padding:.4rem .75rem;
  border-radius:999px;
  font-size:.9rem;
}

/* Dekoblase */
.hero-blob {
  position:absolute;
  right:-120px; top:-120px;
  width:380px; height:380px;
  background: radial-gradient(closest-side, rgba(23,23,105,.12), transparent 70%);
  filter: blur(4px);
  pointer-events:none;
}

@media (max-width: 991.98px) {
  .profile-card { max-width: 100%; }
}