.site-shell-nav {
  position: sticky !important;
  top: 0;
  z-index: 1030;
  padding: .7rem 0 !important;
  background: rgba(2, 7, 20, .96) !important;
  border-bottom: 1px solid rgba(34, 211, 238, .28) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .16);
  backdrop-filter: blur(16px);
}
.site-shell-nav .navbar-brand { margin-right: 1.8rem; }
.site-shell-nav .navbar-brand img { display:block; width:auto; height:42px !important; }
.site-shell-nav .navbar-toggler { border:1px solid rgba(34, 211, 238, .6) !important; padding:.38rem .6rem; }
.site-shell-nav .navbar-toggler-icon { filter:invert(1) brightness(1.8); }
.site-shell-nav .navbar-nav { align-items:center; }
.site-shell-nav .nav-link {
  position:relative;
  padding:.48rem .62rem !important;
  color:#cbd5e1 !important;
  font-size:.86rem;
  font-weight:600;
  white-space:nowrap;
  border-radius:7px;
  transition:color .2s ease, background .2s ease;
}
.site-shell-nav .nav-link:hover,
.site-shell-nav .nav-link.active { color:#22d3ee !important; background:rgba(34, 211, 238, .09); }
.site-shell-nav .nav-link.active::after {
  content:"";
  position:absolute;
  right:.62rem;
  bottom:.16rem;
  left:.62rem;
  height:2px;
  background:linear-gradient(90deg, #22d3ee, #22c55e);
  box-shadow:0 0 8px rgba(34, 211, 238, .85);
}
.site-shell-actions { display:flex; gap:.55rem; margin-left:1rem; }
.site-shell-actions a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:.42rem .92rem;
  border-radius:999px;
  font-size:.82rem;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}
.site-shell-register { color:#021510 !important; background:linear-gradient(135deg, #22c55e, #22d3ee); box-shadow:0 0 17px rgba(34, 197, 94, .25); }
.site-shell-login { color:#22d3ee !important; border:1px solid #22d3ee; background:transparent; }
.site-shell-footer {
  margin-top:0 !important;
  padding:3.3rem 0 1.25rem !important;
  color:#94a3b8;
  background:linear-gradient(145deg, #030b19, #071426) !important;
  border-top:1px solid rgba(34, 211, 238, .24) !important;
}
.site-shell-footer .site-shell-logo { display:inline-block; margin-bottom:1rem; }
.site-shell-footer .site-shell-logo img { display:block; width:auto; height:42px; }
.site-shell-footer p { color:#94a3b8; font-size:.88rem; line-height:1.7; }
.site-shell-footer h6 { margin:0 0 .85rem; color:#f8fafc; font-size:.92rem; font-weight:700; }
.site-shell-footer h6 i { color:#22d3ee; }
.site-shell-footer .site-shell-list { display:flex; flex-direction:column; gap:.45rem; }
.site-shell-footer a { color:#94a3b8; text-decoration:none; transition:color .2s ease; }
.site-shell-footer a:hover { color:#22d3ee; }
.site-shell-footer .site-shell-list a { font-size:.86rem; }
.site-shell-footer .site-shell-list i { width:1.1rem; color:#22c55e; font-size:.72rem; }
.site-shell-footer .site-shell-rule { height:1px; margin:2rem 0 1rem; background:linear-gradient(90deg, transparent, rgba(34, 211, 238, .35), transparent); }
.site-shell-footer .site-shell-copy { margin:0; text-align:center; font-size:.8rem; }
.site-shell-footer .site-shell-copy strong { color:#22d3ee; }
@media (max-width:1199.98px) {
  .site-shell-nav .navbar-collapse { margin-top:.75rem; padding:.75rem; border:1px solid rgba(34, 211, 238, .18); border-radius:12px; background:rgba(3, 12, 27, .98); }
  .site-shell-nav .navbar-nav { align-items:stretch; }
  .site-shell-nav .nav-link { padding:.65rem .75rem !important; }
  .site-shell-actions { margin: .7rem 0 0; }
}
@media (max-width:575.98px) {
  .site-shell-nav .navbar-brand img { height:36px !important; }
  .site-shell-actions { display:grid; grid-template-columns:1fr 1fr; }
  .site-shell-actions a { width:100%; }
  .site-shell-footer { padding-top:2.5rem !important; }
}