:root{--bg: #07060d;--surface: rgba(14, 10, 28, .78);--text: #c9c6e6;--text-dim: #7d79a8;--text-bright: #f4f1ff;--cyan: #00f0ff;--magenta: #ff2bd6;--yellow: #fcee0a;--accent: var(--cyan);--accent-hover: var(--yellow);--heading: var(--magenta);--border: rgba(0, 240, 255, .22);--card-bg: rgba(0, 240, 255, .04);--card-hover: rgba(255, 43, 214, .08);--font: "JetBrains Mono", "SF Mono", Menlo, monospace;--display: "Orbitron", "JetBrains Mono", sans-serif;--font-size: 14px;--heading-size: 13px;--name-size: clamp(34px, 9vw, 56px);--line-height: 1.75;--cut: 14px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh}html{background:var(--bg)}body{font-family:var(--font);font-size:var(--font-size);line-height:var(--line-height);color:var(--text);background:radial-gradient(ellipse at 15% 0%,rgba(255,43,214,.18),transparent 55%),radial-gradient(ellipse at 85% 10%,rgba(0,240,255,.14),transparent 50%),var(--bg);display:flex;justify-content:center;padding:48px 24px 160px;overflow-x:hidden}body:before{content:"";position:fixed;left:-50%;right:-50%;bottom:-10vh;height:55vh;background-image:linear-gradient(rgba(255,43,214,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,43,214,.45) 1px,transparent 1px);background-size:60px 60px;transform:perspective(320px) rotateX(62deg);transform-origin:top center;mask-image:linear-gradient(to bottom,transparent,black 40%);-webkit-mask-image:linear-gradient(to bottom,transparent,black 40%);animation:grid-scroll 3s linear infinite;z-index:-2;pointer-events:none}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:10}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:0 60px}}.wrapper{position:relative;width:100%;max-width:680px;align-self:flex-start;background:var(--surface);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:44px 44px 36px;border:1px solid var(--border);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));box-shadow:inset 0 0 40px #00f0ff0d}.wrapper:before{content:"SYS://KEMPER.NET";position:absolute;top:10px;right:18px;font-size:10px;letter-spacing:.2em;color:var(--text-dim)}a{color:var(--accent);text-decoration:none;transition:color .15s,text-shadow .15s}a:hover{color:var(--accent-hover);text-shadow:0 0 8px rgba(252,238,10,.6)}h1{font-family:var(--display);font-size:var(--heading-size);font-weight:900;line-height:1.1;color:var(--text-bright)}h2{font-family:var(--display);font-size:var(--heading-size);font-weight:700;color:var(--heading);margin-bottom:1.2em;text-transform:uppercase;letter-spacing:.3em;text-shadow:0 0 10px rgba(255,43,214,.6)}h2:before{content:"// ";color:var(--cyan);text-shadow:none}h3{font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:.08em;color:var(--cyan);text-shadow:0 0 10px rgba(0,240,255,.5)}p{margin-bottom:1.2em}p:last-child{margin-bottom:0}strong{color:var(--text-bright);font-weight:600}code{font-family:var(--font);font-size:.9em;color:var(--yellow);background:#fcee0a0f;border:1px solid rgba(252,238,10,.25);padding:.1em .4em}nav{margin-bottom:2.5em;padding-bottom:1.2em;border-bottom:1px solid var(--border)}nav ul{list-style:none;display:flex;justify-content:center;gap:2em}nav a{color:var(--text-dim);font-size:12px;letter-spacing:.2em;text-transform:uppercase}nav a:before{content:"> ";opacity:0;transition:opacity .15s}nav a:hover:before,nav a[aria-current=page]:before{opacity:1}nav a[aria-current=page]{color:var(--cyan);text-shadow:0 0 8px rgba(0,240,255,.6)}section{margin-bottom:2.5em}footer{margin-top:3em;padding-top:1.5em;border-top:1px solid var(--border);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1em}footer a{color:var(--text-dim)}.status:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;background:#39ff14;box-shadow:0 0 8px #39ff14;animation:blink 1.6s steps(2) infinite}@keyframes blink{50%{opacity:.2}}.divider{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--magenta),var(--cyan),transparent);margin:2.2em 0;opacity:.6}@media(max-width:600px){body{padding:16px 16px 120px}.wrapper{padding:36px 20px 28px;font-size:13px}nav ul{gap:1.2em}footer{flex-direction:column;align-items:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}