body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: #eee;
  background: #0b0016;
}


.navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(10, 10, 10, 0.95);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #1a1a1a;
  z-index: 1000;
  padding: 1rem 0;
}


.nav-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.logo {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  cursor: pointer;
}


.logo-icon {
  width: 32px;
  height: 32px;
  background:  #180024;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}


.logo-icon {
  width: 32px;
  height: 32px;
  background: #180024;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; /* Prevents image from overflowing */
}

.logo-icon img {
  width: 30px;
  height: 30px;
  object-fit: contain; /* Ensures clean scaling */
}

.logo-text {
  font-size: 1.25rem;
  font-weight: bold;
  background: linear-gradient(135deg, #7a3cae, #e641a8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.nav-links {
  display: flex;
  gap: 2rem;
  list-style: none;
}

.nav-links a {
  color: #cccccc;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.nav-links a:hover,
.nav-links a.active {
  color: #7a3cae;
}

.mobile-menu-btn {
  display: none;
  background: none;
  border: none;
  color: white;
  font-size: 1.5rem;
  cursor: pointer;
}

/* Container */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}


  :root{
    --toast-top: 16px;              /* move down if you have a fixed header */
    --toast-bg: #121212;            /* solid background */
    --toast-fg: #ffffff;            /* text color */
    --toast-accent: #7a3cae;        /* purple border accent (tweak as you like) */
  }

  #antiInspectToast{
    position:fixed;
    left:50%;
    top:var(--toast-top);
    transform:translateX(-50%) translateY(-10px);
    opacity:0;
    z-index:2147483647;
    pointer-events:none;

    padding:12px 18px;
    border-radius:12px;
    font:500 14px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    color:var(--toast-fg);
    background:var(--toast-bg);
    border:1px solid var(--toast-accent);
    box-shadow:0 10px 24px rgba(0,0,0,.35);

    transition:opacity .2s ease, transform .2s ease;
  }
  #antiInspectToast.show{
    opacity:1;
    transform:translateX(-50%) translateY(0);
  }

  /* Respect reduced motion */
  @media (prefers-reduced-motion: reduce){
    #antiInspectToast{ transition:none; }
  }