:root{--bg:#05070d;--blue:#1e6bff;--cyan:#38c8ff;--navy:#0b1a3a;--red:#E11D2A;--ink:#e8f0ff;--dim:#8aa0c8}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Space Mono",monospace}
a{color:var(--cyan)}.x{color:var(--red)}.mono{font-family:"Space Mono",monospace;color:var(--cyan)}
h1,h2,h3{font-family:"Archivo Black",sans-serif;letter-spacing:.02em;line-height:1.05;margin:.2em 0}
h2{font-size:clamp(1.6rem,4vw,2.4rem);display:flex;align-items:center;gap:.5em}
.scan{pointer-events:none;position:fixed;inset:0;z-index:50;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px)}
.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.6rem 1.2rem;background:rgba(5,7,13,.92);border-bottom:2px solid var(--blue)}
.brand{display:flex;align-items:center;gap:.6rem;font-family:"Archivo Black";color:#fff;text-decoration:none}
.brand img{width:36px;height:36px;border-radius:6px;border:2px solid var(--blue)}
.nav nav a{font-family:VT323;font-size:1.4rem;color:var(--ink);margin-left:1rem;text-decoration:none}.nav nav a:hover{color:var(--cyan)}
.hero{position:relative;display:grid;grid-template-columns:1fr 1.1fr;gap:2rem;align-items:center;padding:4rem 6vw;min-height:80vh;background:linear-gradient(90deg,rgba(5,7,13,.96) 30%,rgba(5,7,13,.6)),var(--bg) ;}
.hero::before{content:"";position:absolute;inset:0;background:var(--bg) center/cover;opacity:.35;z-index:-1}
.hero{background-image:linear-gradient(90deg,rgba(5,7,13,.95) 25%,rgba(5,7,13,.55)),url('/img/banner.jpg');background-size:cover;background-position:center}
.term{font-family:VT323;font-size:1.6rem;color:var(--cyan);margin:0}.cur{animation:b 1s steps(1) infinite}@keyframes b{50%{opacity:0}}
.hero h1{font-size:clamp(3rem,9vw,6.5rem);color:#fff;text-shadow:0 0 18px rgba(30,107,255,.7)}
.tag{font-family:"Archivo Black";font-size:clamp(1.2rem,2.5vw,1.7rem);margin:.4em 0 0}
.ctas{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.4rem}
.btn{display:inline-block;font-family:"Archivo Black";background:var(--blue);color:#fff;border:2px solid var(--blue);padding:.75rem 1.3rem;border-radius:6px;text-decoration:none;cursor:pointer;font-size:1rem;box-shadow:4px 4px 0 var(--cyan)}
.btn:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--cyan)}.btn.ghost{background:transparent;color:var(--cyan)}
.crt{background:#c9c2ae;border-radius:22px;padding:22px 22px 10px;box-shadow:0 20px 50px rgba(0,0,0,.6),inset 0 -6px 0 #a59e8a}
.crt-label{font-family:VT323;color:#333;font-size:1.1rem;margin-bottom:6px}
.screen{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:10px solid #222;box-shadow:inset 0 0 40px rgba(56,200,255,.4)}
.screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.crt-base{font-family:VT323;color:#444;font-size:1.1rem;padding-top:6px}.led{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2f2;box-shadow:0 0 6px #2f2}
.wrap{max-width:1150px;margin:0 auto;padding:4.5rem 1.4rem}
.sub{margin-top:0}
.floppy{width:30px;height:30px;background:var(--blue);border-radius:3px;position:relative;flex:none}
.floppy::before{content:"";position:absolute;left:7px;top:0;width:14px;height:10px;background:#cfd8e8}.floppy::after{content:"";position:absolute;left:5px;bottom:3px;width:20px;height:11px;background:#fff;border-radius:1px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}
.card{background:linear-gradient(180deg,var(--navy),#070d1d);border:2px solid var(--blue);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.card .thumb{position:relative;aspect-ratio:16/9;background:#000 center/cover}.card .badge{position:absolute;top:10px;left:10px;font-family:VT323;font-size:1.1rem;background:var(--bg);color:var(--cyan);border:1px solid var(--cyan);padding:0 8px}
.card .body{padding:1.1rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.card h3{font-size:1.25rem}
.card p{margin:0;color:var(--dim);font-size:.92rem}
.prompt{background:#000;border:1px dashed var(--cyan);border-radius:6px;padding:.8rem;font-family:VT323;font-size:1.15rem;line-height:1.25;color:#9fe7ff;max-height:170px;overflow:auto}
.row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:auto}.row .btn{font-size:.85rem;padding:.5rem .9rem}
.book{display:grid;grid-template-columns:260px 1fr;gap:3rem;align-items:center}
.cover{aspect-ratio:2/3;background:linear-gradient(160deg,var(--blue),var(--navy));border:3px solid #fff;border-radius:4px 10px 10px 4px;display:flex;flex-direction:column;justify-content:center;padding:1.4rem;font-family:"Archivo Black";font-size:2rem;line-height:1;box-shadow:12px 12px 0 var(--cyan)}.cover small{font-size:1rem}
.news .win{max-width:720px;margin:auto;border:2px solid var(--cyan);border-radius:6px;background:#060c1c;box-shadow:8px 8px 0 var(--blue)}
.titlebar{display:flex;justify-content:space-between;background:var(--blue);font-family:VT323;font-size:1.3rem;padding:.2rem .8rem}
.winbody{padding:1.6rem}form{display:grid;gap:1rem}
label{display:grid;gap:.3rem;font-family:VT323;font-size:1.3rem}label em{color:var(--dim)}
input{font:inherit;background:#000;color:#fff;border:2px solid var(--blue);border-radius:4px;padding:.7rem}input:focus{outline:2px solid var(--cyan)}
.hp{position:absolute;left:-9999px}.privacy{font-size:.82rem;color:var(--dim);margin-top:1.2rem}
.socials{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}
.socials a{font-family:"Archivo Black";text-decoration:none;color:#fff;border:2px solid var(--blue);padding:.8rem 1.2rem;border-radius:6px;background:var(--navy)}.socials a:hover{background:var(--blue)}
.socials .soon{opacity:.5;border-style:dashed}
footer{text-align:center;border-top:2px solid var(--blue);padding:2rem 1rem;color:var(--dim);font-size:.85rem}
@media(max-width:820px){.hero{grid-template-columns:1fr;padding:2.5rem 1.2rem;min-height:auto}.book{grid-template-columns:1fr;gap:1.5rem}.bookart{max-width:200px}.nav nav a{margin:0 .9rem 0 0;font-size:1.25rem}.grid{grid-template-columns:1fr}}

.cover-img{display:block;width:100%;height:auto;aspect-ratio:333/500;object-fit:contain;border:3px solid #fff;border-radius:4px 10px 10px 4px;box-shadow:12px 12px 0 var(--cyan)}