body {
  background: #0e736d;
  color: #e9f5f4;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
.section {
  background: rgba(0,0,0,0.15);
  border-radius: 18px;
  padding: 2rem;
  box-shadow: inset 0 10px 24px rgba(0,0,0,0.15);
}
h1,h2,h3 {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
p { text-align: justify; }
.navbar {
  background: linear-gradient(180deg,#0a4743,#0c5c57);
  border-bottom:1px solid rgba(255,255,255,0.08);
  position:relative; z-index:1000;
}
.navbar-collapse.collapse.show {
  position:absolute; top:100%; left:0; right:0;
  background:linear-gradient(180deg,#0a4743,#0c5c57);
  padding:1rem; z-index:9999;
}
.navbar-brand { display:flex; align-items:center; gap:.5rem; color:#fff; }
.navbar .nav-link {
  border-radius:9999px;
  background:linear-gradient(180deg,#0f6661,#0a4e4a);
  color:#eaffff!important;
  margin:6px; padding:8px 18px!important;
  border:1px solid rgba(255,255,255,0.12);
  box-shadow:0 6px 12px rgba(0,0,0,0.25),inset 0 2px 3px rgba(255,255,255,0.08);
  transition:transform .15s,box-shadow .2s,background .2s;
}
.navbar .nav-link:hover {
  transform:translateY(-1px);
  box-shadow:0 8px 16px rgba(0,0,0,0.3),inset 0 2px 3px rgba(255,255,255,0.12);
}
.navbar .nav-link.active {
  background:radial-gradient(120% 120% at 30% 20%,#ff7ab3 0%,#ff2e84 35%,#b0105b 100%);
  border-color:rgba(255,255,255,0.25);
  color:#fff!important;
  box-shadow:0 0 32px rgba(255,78,150,.6),0 12px 22px rgba(0,0,0,.35);
}
footer { background:linear-gradient(180deg,#0c5c57,#0a4743); color:#c8f1ee; }
img.img-fluid.rounded { border:1px solid rgba(255,255,255,0.2); border-radius:14px!important; }
a{color:#c5f1ff;} a:hover{color:#fff;}