/* Kali Guide — tokens, reset, ambient background */
:root{
  --bg:#05070d; --bg-2:#080b14;
  --surface:rgba(255,255,255,.045); --surface-2:rgba(255,255,255,.075);
  --border:rgba(255,255,255,.09); --border-strong:rgba(255,255,255,.18);
  --primary:#3d9bff; --primary-dim:#1f6fd0; --accent:#2ee6a8;
  --amber:#ffc857; --danger:#ff5c5c; --violet:#9d7bff;
  --text:#e8edf6; --text-2:#a7b3c8; --text-3:#71809a;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:'IBM Plex Sans Arabic','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r-sm:10px; --r:16px; --r-lg:24px;
  --shadow:0 18px 50px -20px rgba(0,0,0,.85);
  --glow:0 0 44px -10px rgba(61,155,255,.6);
  --maxw:1180px; --nav-h:70px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);
  line-height:1.8;font-size:17px;overflow-x:hidden;position:relative}
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background-image:linear-gradient(rgba(61,155,255,.055) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(61,155,255,.055) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 20%,transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 20%,transparent 78%);
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(650px 380px at 8% -6%,rgba(61,155,255,.20),transparent 70%),
    radial-gradient(560px 340px at 96% 4%,rgba(46,230,168,.13),transparent 70%),
    radial-gradient(700px 500px at 50% 108%,rgba(157,123,255,.10),transparent 70%);
}
img,svg{max-width:100%;display:block}
a{color:var(--primary);text-decoration:none;transition:color .2s ease}
a:hover{color:#8cc6ff}
h1,h2,h3,h4{line-height:1.32;margin:0 0 .55em;font-weight:700;letter-spacing:-.015em}
h1{font-size:clamp(1.95rem,5.2vw,3.4rem)}
h2{font-size:clamp(1.45rem,3.4vw,2.25rem)}
h3{font-size:clamp(1.1rem,2vw,1.35rem)}
h4{font-size:1.02rem;margin-bottom:.4em}
p{margin:0 0 1.05em}
ul,ol{margin:0 0 1.05em;padding-inline-start:1.35em}
li{margin:.4em 0}
li::marker{color:var(--primary)}
code,kbd,pre{font-family:var(--mono);font-size:.9em}
kbd{background:rgba(255,255,255,.08);border:1px solid var(--border);
  border-bottom-width:2px;border-radius:6px;padding:1px 6px;color:var(--text)}
::selection{background:rgba(61,155,255,.35);color:#fff}
:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:6px}