@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&family=JetBrains+Mono:wght@400;500;700&family=Share+Tech+Mono&display=swap');
:root{--nen:#0a0a0f;--nen-2:#12121a;--nen-3:#1c1c2e;--chu:#e0e0e0;--mo:#a5a8b2;--mo-2:#a5a8b2;--lam:#00ff88;--hong:#ff00ff;--vang:#00d4ff;--vien:#2a2a3a}
body{font-family:'JetBrains Mono',monospace;--preview-accent:#00ff88;--preview-bg:#0a0a0f;--preview-ink:#e0e0e0;background-image:linear-gradient(#00ff8808 1px,transparent 1px),linear-gradient(90deg,#00ff8808 1px,transparent 1px);background-size:50px 50px}body::after{content:'';position:fixed;inset:0;z-index:60;pointer-events:none;background:repeating-linear-gradient(transparent 0 2px,#0002 2px 4px)}
h1,h2,h3{font-family:'Orbitron','JetBrains Mono',monospace;text-transform:uppercase;line-height:1.4;letter-spacing:.04em}.mo h1{font-size:clamp(36px,4.7vw,68px);text-shadow:-2px 0 #ff00ff,2px 0 #00d4ff;animation:cyber-glitch 7s steps(1) infinite}.muc{padding-block:96px}.may>div{clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px));border-radius:0;border-color:#2a2a3a;background:#12121a;transition:box-shadow .15s}.may>div:hover{border-color:#00ff88;box-shadow:inset 0 0 20px #00ff8844}.n1,.n2{border:2px solid #00ff88;border-radius:0;background:transparent;color:#00ff88;min-height:48px;display:inline-flex;align-items:center;justify-content:center}.n1:hover,.n2:hover{background:#00ff88;color:#0a0a0f;box-shadow:0 0 5px #00ff88,0 0 20px #00ff8860,0 0 40px #00ff8830}.cyber-terminal{border:1px solid #00ff88;background:#0a0a0fcc;box-shadow:0 0 5px #00ff88,0 0 20px #00ff8830;padding:24px;margin-top:32px;font-family:'JetBrains Mono',monospace}.cyber-terminal p{margin:8px 0}.cyber-cursor{display:inline-block;background:#00ff88;width:10px;height:18px;animation:cyber-blink 1s step-end infinite}.lab{font-family:'Share Tech Mono','JetBrains Mono',monospace}.may{transform:skewY(-1deg)}.may>div{transform:skewY(1deg)}
@keyframes cyber-glitch{0%,94%,100%{transform:none}95%{transform:translateX(-2px) skewX(-1deg)}96%{transform:translateX(2px)}}@keyframes cyber-blink{50%{opacity:0}}@media(max-width:767px){.muc{padding-block:64px}.mo h1{font-size:36px}.may,.may>div{transform:none}}

/* Final visual review */
header .goi{color:#0a0a0f}



/* Accessibility review */
body header.top a.goi{color:#0a0a0f}