:root{
  --bg:#0f1021; --panel:#111324; --panel-border:#1f2340;
  --muted:#b8c0d9; --text:#f2f4fc;
  --accent:#a855f7; --accent-2:#ec4899;
  --link:#c084fc; --link-hover:#f0abfc;
  --code-bg:#0b0e1d; --code-fg:#e5e7eb;
}
html,body{height:100%}
body{background:var(--bg); color:var(--text); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
a{color:var(--link); text-decoration:none}
a:hover{color:var(--link-hover); text-decoration:underline}
.text-muted{color:var(--muted)!important}

/* Navbar */
.navbar{background:transparent}
.navbar.navbar-dark .navbar-brand,
.navbar.navbar-dark .nav-link{color:rgba(255,255,255,.92)}
.navbar.navbar-dark .nav-link:hover{color:#fff}
.navbar-toggler{border-color:rgba(255,255,255,.3)}
.navbar-toggler-icon{filter:invert(1) grayscale(1)}

/* Buttons */
.btn-gradient{background-image:linear-gradient(135deg,var(--accent),var(--accent-2)); border:none; color:#140a14}
.btn-gradient:hover{filter:brightness(0.95)}
.btn-outline-light{border-color:#3b3f64; color:#f2f4fc}
.btn-outline-light:hover{background:#292d4a; color:#fff}

/* Cards */
.card{background:var(--panel); border:1px solid var(--panel-border); color:var(--text)}

/* Badges */
.badge.bg-accent{background-image:linear-gradient(135deg,var(--accent),var(--accent-2)); color:#140a14}

/* Hero glow */
.hero{padding-top:6rem; padding-bottom:4rem;
  background:
    radial-gradient(1000px 600px at 80% -10%, rgba(168,85,247,.22), transparent 60%),
    radial-gradient(800px 500px at 10% -20%, rgba(236,72,153,.18), transparent 60%);
}

/* Footer */
footer{border-top:1px solid var(--panel-border)}

/* Code */
code, pre code{background:var(--code-bg); color:var(--code-fg)}
code{padding:.2rem .35rem; border-radius:.35rem}
pre{background:var(--code-bg); color:var(--code-fg); padding:1rem; border-radius:.5rem; overflow:auto; border:1px solid #1c1f36}