:root{
  --vico-accent:#17b6c6;
  --vico-text:#6f7b86;
  --vico-text-dark:#2b2f33;
  --vico-line:#dde5ea;
}

/* ---------- Footer ---------- */
.vico-footer{
  text-align:center;
  padding:44px 20px 36px;
  font-size:14px;
  color:var(--vico-text);
  border-top:1px solid var(--vico-line);
  margin-top:50px;

  background:
    radial-gradient(600px 200px at 10% 0%, rgba(23,182,198,.08), transparent 60%),
    radial-gradient(600px 200px at 90% 0%, rgba(202,163,90,.08), transparent 60%),
    linear-gradient(180deg, #f8fbfc, #eef4f7);

  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

/* Text */
.vico-footer span{
  color:var(--vico-text-dark);
  font-weight:600;
}

/* Links */
.vico-footer a{
  color:var(--vico-text);
  text-decoration:none;
  margin:0 8px;
  font-weight:600;
  position:relative;
  transition:color .18s ease;
}

/* Hover Effekt (feine Linie) */
.vico-footer a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-3px;
  width:0;
  height:2px;
  background:var(--vico-accent);
  transition:width .18s ease;
}

.vico-footer a:hover{
  color:var(--vico-accent);
}

.vico-footer a:hover::after{
  width:100%;
}

/* Focus (Accessibility) */
.vico-footer a:focus-visible{
  outline:3px solid rgba(23,182,198,.35);
  outline-offset:4px;
  border-radius:6px;
}

/* Mobile */
@media(max-width:560px){
  .vico-footer{
    font-size:13px;
    padding:36px 18px 28px;
  }

  .vico-footer a{
    display:inline-block;
    margin:6px 6px;
  }
}

/* Reduced Motion */
@media(prefers-reduced-motion:reduce){
  .vico-footer a::after{
    transition:none;
  }
}