body { background: #faf6ff; }
nav.container { background: linear-gradient(90deg, #f3e8fb, #e8f0ff); border-radius: 0.5rem; padding: 0.5rem 1rem; margin-top: 1rem; }
nav a { color: #7a4fa3; font-weight: 600; text-decoration: none; }
h1, h2 { color: #7a4fa3; }
article { background: white; border-radius: 0.75rem; box-shadow: 0 2px 10px rgba(120,80,180,0.1); }
button, [role="button"] { background: #9b7ac9; border-color: #9b7ac9; }
button.outline, [role="button"].outline { background: transparent; color: #9b7ac9; }
table th, table td { border-bottom: 1px solid #f0e6fa; }

@media (max-width: 600px) {
    nav.container ul { flex-wrap: wrap; }
    table { display: block; overflow-x: auto; white-space: nowrap; }
    article { padding: 1rem; }
}

.home-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background: #9b59d1;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  z-index: 999;
  transition: transform 0.15s;
}
.home-float:hover,
.home-float:active {
  transform: scale(1.08);
}