:root {
  --primary-color:#2563eb;
  --primary-dark:#1d4ed8;
  --secondary-color:#f1f5f9;
  --accent-color:#10b981;
  --text-dark:#1e293b;
  --text-light:#64748b;
  --border-color:#e2e8f0;
  --glass-bg:rgba(255,255,255,.95);
  --shadow-sm:0 1px 2px 0 rgb(0 0 0 / .05);
  --shadow-md:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);
  --shadow-lg:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1)
}
.footer {
  background:var(--text-dark);
  color:var(--secondary-color);
  padding:3rem 0 1rem;
  
}
.footer h5 {
  color:#fff;
  font-weight:600;
  margin-bottom:1.5rem
}
.footer-links {
  list-style:none;
  padding:0
}
.footer-links li {
  margin-bottom:.75rem
}
.footer-links a {
  color:var(--secondary-color);
  text-decoration:none;
  transition:color .3s ease
}
.footer-links a:hover {
  color:#fff
}
.social-icons a {
  display:inline-block;
  width:40px;
  height:40px;
  background:var(--primary-color);
  color:#fff;
  text-align:center;
  line-height:40px;
  border-radius:50%;
  margin-right:.5rem;
  transition:all .3s ease
}
.social-icons a:hover {
  transform:translateY(-3px);
  box-shadow:var(--shadow-md)
}
.copyright {
  border-top:1px solid rgba(255,255,255,.1);
  padding-top:2rem;
  margin-top:2rem;
  text-align:center;
  color:var(--text-light)
}
.breadcrumb {
  background:rgba(255,255,255,.9);
  border-radius:12px;
  padding:1rem;
  backdrop-filter:blur(10px)
}
.breadcrumb-item a {
  color:var(--primary-color);
  text-decoration:none
}
.breadcrumb-item a:hover {
  text-decoration:underline
}