/* Made with the PosterChan Sites builder -- theme: Neon Cyan. Edit it in the builder (or detach the builder to edit by hand). */
@font-face{font-family:'Orbitron';font-style:normal;font-weight:400 900;font-display:swap;src:url('fonts/orbitron.woff2') format('woff2')}
:root{--bg:#0a0a0f;--bg2:#12121a;--panel:rgba(18,18,28,.82);--text:#edeefa;--muted:#a7a9cc;--neon:#3ce8ff;--neon2:#ff5cf0;--ink:#05060b;
--line:rgba(60,232,255,.28);--glow:0 0 18px -2px rgba(60,232,255,.55);--glow2:0 0 22px -4px rgba(255,92,240,.55);color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);font:16px/1.6 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:radial-gradient(ellipse 900px 600px at 50% -8%,rgba(60,232,255,.16) 0%,transparent 55%),radial-gradient(ellipse 800px 600px at 100% 100%,rgba(255,92,240,.12) 0%,transparent 55%),linear-gradient(rgba(60,232,255,.05) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(60,232,255,.05) 1px,transparent 1px) 0 0/44px 44px,var(--bg)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px)}
.skip{position:absolute;left:-999px;top:8px;z-index:9;background:var(--neon);color:var(--ink);padding:8px 12px;border-radius:8px}
.skip:focus{left:8px}
header.top,main,footer.ft{position:relative;z-index:1}
header.top{max-width:980px;margin:0 auto;padding:14px 16px 0;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}
.brand{font-family:'Orbitron',system-ui,sans-serif;letter-spacing:.06em;font-weight:700;color:var(--text);text-decoration:none;font-size:15px}
nav.site-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
nav.site-nav a{display:inline-block;padding:8px 12px;min-height:40px;border:1px solid transparent;border-radius:10px;color:var(--muted);text-decoration:none;font-size:14px}
nav.site-nav a:hover,nav.site-nav a:focus-visible{color:var(--text);border-color:var(--line)}
nav.site-nav a[aria-current="page"]{color:var(--neon);border-color:var(--line);box-shadow:var(--glow)}
main{max-width:980px;margin:0 auto;padding:20px 16px 56px}
a{color:var(--neon)}
a:focus-visible,.btn:focus-visible{outline:2px solid var(--neon2);outline-offset:2px}
h1,h2,h3,h4{font-family:'Orbitron',system-ui,sans-serif;letter-spacing:.04em;line-height:1.2;margin:1.2em 0 .5em}
h1{font-size:clamp(26px,7vw,46px);margin:.3em 0 .2em;color:#fff;text-shadow:0 0 12px rgba(60,232,255,.6),0 0 30px rgba(255,92,240,.35)}
h2{font-size:clamp(19px,4.6vw,26px);color:var(--neon)}
h3{font-size:18px}h4{font-size:16px}
img,video{max-width:100%;height:auto}
.card,section.block{position:relative;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:18px;margin:18px 0;box-shadow:0 10px 30px -18px rgba(0,0,0,.9)}
section.block::before,.card::before{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1px;pointer-events:none;
background:linear-gradient(120deg,rgba(60,232,255,.75),rgba(255,92,240,.6) 45%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
section.block>:first-child{margin-top:0}section.block>:last-child{margin-bottom:0}
.hero{text-align:center;padding:28px 18px}
.hero .avatar{width:128px;height:128px;object-fit:cover;border-radius:50%;box-shadow:var(--glow),var(--glow2);border:2px solid var(--neon)}
.hero .banner{width:100%;max-height:340px;object-fit:cover;border-radius:12px;box-shadow:var(--glow)}
.tagline{color:var(--muted);font-size:clamp(16px,4vw,19px);max-width:40em;margin:.4em auto 1em}
.btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:12px;font:700 14px/1.2 'Orbitron',system-ui,sans-serif;letter-spacing:.05em;text-decoration:none;
color:var(--ink);background:var(--neon);box-shadow:0 0 0 1px var(--neon),var(--glow);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--text),var(--glow),var(--glow2)}
.btn.alt{background:transparent;color:var(--neon)}
.btn.off,.btn.off:hover{background:transparent;color:var(--muted);box-shadow:0 0 0 1px var(--line);transform:none}
ul.linklist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
ul.linklist .btn{width:100%}
figure{margin:0}figcaption{color:var(--muted);font-size:14px;margin-top:6px}
figure.img img,figure.video video{display:block;margin:0 auto;border-radius:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
a.ncard{display:block;text-decoration:none;color:var(--text)}
a.ncard .kind{display:block;color:var(--neon2);font:12px/1.4 'Orbitron',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}
a.ncard b{display:block;font-size:18px;margin:4px 0}
.ref{font-family:ui-monospace,monospace;font-size:13px;color:var(--muted);overflow-wrap:anywhere}
ul.contact{list-style:none;margin:0;padding:0;display:grid;gap:8px}
ul.contact li{overflow-wrap:anywhere}ul.contact .lbl{color:var(--muted);font-size:13px;display:block}
blockquote{margin:1em 0;padding:8px 14px;border-left:3px solid var(--neon2);background:rgba(255,92,240,.06);border-radius:0 10px 10px 0}
pre{overflow:auto;padding:12px;border-radius:10px;background:rgba(0,0,0,.45);border:1px dashed var(--line)}
code{font-family:ui-monospace,'DejaVu Sans Mono',monospace;font-size:.92em}
hr{border:0;border-top:1px solid var(--line);margin:1.5em 0}
footer.ft{max-width:980px;margin:0 auto;padding:0 16px 40px;color:var(--muted);font-size:14px;text-align:center}
@keyframes pc-glow{0%,100%{box-shadow:var(--glow)}50%{box-shadow:var(--glow),var(--glow2)}}
.hero .avatar,.hero .banner{animation:pc-glow 4s ease-in-out infinite}
@media (min-width:720px){main{padding-top:28px}.hero{padding:44px 28px}ul.linklist{max-width:560px;margin:0 auto}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}