body { background: #111; 
  color: #fff; 
  font-family: 'Segoe UI', Arial, sans-serif; 
cursor: url(assets/chami.png), auto;
}
.container { max-width: 900px; margin: 40px auto; background: #222; border-radius: 16px; box-shadow: 0 2px 16px rgba(0,0,0,0.07); padding: 40px 32px; }
h1, h2, h3 { font-weight: 700; color: #fff; }
.main-img { max-width: 100%; border-radius: 12px; margin: 32px 0; box-shadow: 0 2px 12px rgba(0,0,0,0.08); }
.btn-lg-custom { font-size: 1.3em; padding: 18px 36px; border-radius: 12px; margin: 10px; box-shadow: 0 4px 16px rgba(0,0,0,0.25); display: inline-flex; align-items: center; border: 2px solid transparent; transition: all 0.25s cubic-bezier(.4,2,.6,1); position: relative; overflow: hidden; }
.btn-lg-custom img { margin-right: 12px; }
.btns { margin-top: 32px; }

.btn-dark.btn-lg-custom {
  background: #111;
  border-color: #fff2;
}
.btn-dark.btn-lg-custom:hover, .btn-dark.btn-lg-custom:focus {
  background: #222;
  border-color: #fff;
  box-shadow: 0 6px 24px 0 rgba(0,0,0,0.45);
  transform: translateY(-2px) scale(1.04);
}

.btn-primary.btn-lg-custom {
  background: #1976d2;
  border-color: #fff2;
}
.btn-primary.btn-lg-custom:hover, .btn-primary.btn-lg-custom:focus {
  background: #1256a3;
  border-color: #fff;
  box-shadow: 0 6px 24px 0 rgba(33,203,243,0.25);
  transform: translateY(-2px) scale(1.04);
}

body {
  background: #111;
  color: #fff;
}
.navbar, .navbar * {
  color: #fff !important;
}
#map {
  height: 500px;
  margin-top: 24px;
  border-radius: 12px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.25);
}

canvas {
  margin: auto;
  display: block;
    cursor: url(assets/chami.png), auto;
}