@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=JetBrains+Mono:wght@400;500&family=Outfit:wght@300;600;800&family=Orbitron:wght@400;700&family=Syncopate:wght@400;700&family=Bruno+Ace+SC&family=Antonio:wght@400;700&family=Exo+2:ital,wght@1,800&family=Michroma&family=Rajdhani:wght@500;700&family=Teko:wght@600&family=Oxanium:wght@700&family=Chakra+Petch:wght@700&family=Wallpoet&family=Audiowide&family=Zen+Dots&family=Russo+One&family=Quantico:wght@700&family=Turret+Road:wght@700&family=Goldman:wght@700&family=Major+Mono+Display&display=swap";:root{--bg-color: #020617;--panel-bg: rgba(15, 23, 42, .6);--accent-color: #06b6d4;--accent-glow: rgba(6, 182, 212, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .1);--font-header: "Wallpoet", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-scifi: "Orbitron", sans-serif;--font-tactical: "Bruno Ace SC", sans-serif;--font-industrial: "Antonio", sans-serif;--font-sleek: "Exo 2", sans-serif;--font-terminal: "Michroma", sans-serif;--font-modular: "Rajdhani", sans-serif;--font-impact: "Teko", sans-serif;--font-sharp: "Oxanium", sans-serif;--font-mission: "Chakra Petch", sans-serif;--font-stencil: "Wallpoet", sans-serif;--font-wide: "Audiowide", sans-serif;--font-dots: "Zen Dots", sans-serif;--font-heavy: "Russo One", sans-serif;--font-console: "Quantico", sans-serif;--font-industrial-alt: "Turret Road", sans-serif;--font-sharp-alt: "Goldman", sans-serif;--font-abstract: "Major Mono Display", monospace;font-family:var(--font-body);line-height:1.6;color:var(--text-primary);background-color:var(--bg-color);scroll-behavior:smooth}.mono-accent{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent-color);opacity:.8;display:inline-flex;align-items:center;gap:.5rem}.mono-accent:before,.mono-accent:after{content:"";width:4px;height:1px;background:var(--accent-color)}html{background-color:#020617}body{margin:0;min-height:100vh;overflow-x:hidden;background:transparent;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#0206171a,#0206174d),url(../assets/user-nebula.png);background-size:cover;background-position:center;z-index:-2;pointer-events:none}.star-layer{position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;pointer-events:none;z-index:-1;opacity:.9}.stars-back{background-image:radial-gradient(1px 1px at 20px 30px,#eee,#0000),radial-gradient(1px 1px at 40px 70px,#fff,#0000),radial-gradient(1px 1px at 50px 160px,#ddd,#0000),radial-gradient(1px 1px at 80px 120px,#fff,#0000),radial-gradient(1px 1px at 110px 40px,#fff,#0000),radial-gradient(1px 1px at 150px 90px,#fff,#0000);background-size:200px 200px}.stars-mid{background-image:radial-gradient(2px 2px at 100px 100px,#fff,#0000),radial-gradient(2px 2px at 200px 300px,#fff,#0000),radial-gradient(3px 3px at 300px 500px,#06b6d4,#0000),radial-gradient(2px 2px at 400px 100px,#fff,#0000);background-size:400px 400px;opacity:.7}.stars-front{background-image:radial-gradient(4px 4px at 50px 50px,#fff,#0000),radial-gradient(3px 3px at 250px 250px,#06b6d4,#0000),radial-gradient(4px 4px at 450px 150px,#fff,#0000);background-size:600px 600px;opacity:.6}#app{width:100%;position:relative}.scan-line-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(#12101000 50%,#06b6d408 50%,#12101000 50.5%);background-size:100% 4px;z-index:9999;pointer-events:none;animation:scanLineMove 10s linear infinite}@keyframes scanLineMove{0%{background-position:0 0}to{background-position:0 100%}}@keyframes glitch-hover{0%{clip-path:inset(40% 0 61% 0);transform:translate(-2px,2px)}20%{clip-path:inset(92% 0 1% 0);transform:translate(1px,-3px)}40%{clip-path:inset(43% 0 1% 0);transform:translate(-1px,2px)}60%{clip-path:inset(25% 0 58% 0);transform:translate(3px,1px)}80%{clip-path:inset(54% 0 7% 0);transform:translate(-2px,-2px)}to{clip-path:inset(58% 0 43% 0);transform:translate(1px,3px)}}.cta-button,.chapter-link,.glass-link{position:relative;transition:all .3s}.cta-button:hover,.chapter-link:hover,.glass-link:hover{background:#06b6d433;color:#fff;border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow)}.cta-button:active,.chapter-link:active,.glass-link:active{transform:scale(.95)!important;filter:brightness(1.3);transition:transform .1s}.cta-button:hover:after,.chapter-link:hover:after,.glass-link:hover:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:var(--accent-color);border:1px solid var(--accent-color);opacity:.4;animation:glitch-hover .3s steps(2,end) infinite;pointer-events:none;border-radius:inherit;z-index:2}.glitch-text{position:relative;display:inline-block}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch-text:before{color:#0ff;z-index:-1;animation:glitch-anim-1 2s infinite linear alternate-reverse}.glitch-text:after{color:#f0f;z-index:-2;animation:glitch-anim-2 3s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 30% 0)}20%{clip-path:inset(60% 0 10% 0)}40%{clip-path:inset(40% 0 50% 0)}60%{clip-path:inset(80% 0 5% 0)}80%{clip-path:inset(10% 0 70% 0)}to{clip-path:inset(30% 0 20% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 80% 0)}20%{clip-path:inset(40% 0 20% 0)}40%{clip-path:inset(70% 0 10% 0)}60%{clip-path:inset(30% 0 50% 0)}80%{clip-path:inset(50% 0 40% 0)}to{clip-path:inset(20% 0 60% 0)}}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,transparent 60%,rgba(2,6,23,.4) 100%);pointer-events:none;z-index:9998}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(6,182,212,.1),transparent);transform:skew(-25deg);transition:none;pointer-events:none}.glass-panel.animate-in:before{animation:panel-sweep 1.5s cubic-bezier(.4,0,.2,1) forwards;animation-delay:inherit}@keyframes panel-sweep{0%{left:-100%}to{left:200%}}.corner-brackets:before,.corner-brackets:after{content:"";position:absolute;width:15px;height:15px;border:1px solid var(--accent-color);pointer-events:none;z-index:10;box-shadow:0 0 5px var(--accent-glow)}.corner-brackets:before{top:-1px;left:-1px;border-right:none;border-bottom:none;border-top-left-radius:12px}.corner-brackets:after{top:-1px;right:-1px;border-left:none;border-bottom:none;border-top-right-radius:12px}.corner-brackets .bottom-corners:before,.corner-brackets .bottom-corners:after{content:"";position:absolute;width:15px;height:15px;border:1px solid var(--accent-color);pointer-events:none;z-index:10;box-shadow:0 0 5px var(--accent-glow)}.corner-brackets .bottom-corners:before{bottom:-1px;left:-1px;border-right:none;border-top:none;border-bottom-left-radius:12px}.corner-brackets .bottom-corners:after{bottom:-1px;right:-1px;border-left:none;border-top:none;border-bottom-right-radius:12px}h1,h2,h3{font-family:var(--font-header);text-transform:uppercase;letter-spacing:.1em}.animate-in{animation:slideInUp .8s cubic-bezier(.16,1,.3,1) both}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sticky-nav{position:fixed;top:0;left:0;width:100%;padding:1rem 0;z-index:1000;background:#020617e6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid rgba(6,182,212,.2);box-shadow:0 4px 30px #00000080}.sticky-nav:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);opacity:.6;box-shadow:0 0 15px var(--accent-glow)}#app>main{padding-top:100px;position:relative;z-index:100}.nav-content{display:flex;justify-content:center;align-items:center}.nav-links{display:flex;gap:3rem}.nav-links a{text-decoration:none;font-family:var(--font-modular);color:#fff;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;font-size:1rem;letter-spacing:.1em;position:relative;opacity:.8;text-shadow:0 0 8px rgba(255,255,255,.2)}.nav-links a:hover,.nav-links a.active{color:var(--accent-color);opacity:1;text-shadow:0 0 12px var(--accent-glow),0 0 24px rgba(6,182,212,.3),0 0 2px #fff;transform:translateY(-1px)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:1px;background:var(--accent-color);transition:all .3s ease;transform:translate(-50%);box-shadow:0 0 8px var(--accent-color)}.nav-links a:hover:after,.nav-links a.active:after{width:20px}.hero-section{padding:10.5rem 0 5.3rem;text-align:center;display:flex;flex-direction:column;align-items:center;width:100%}.hero-section .container{width:100%;display:flex;flex-direction:column;align-items:center}.hero-section h1{font-family:var(--font-header);font-size:clamp(3rem,7vw,5.5rem);margin:0 -.05em 0 0;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.1;position:relative;background:linear-gradient(90deg,#fff,#94a3b8,#fff,#94a3b8,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 8s linear infinite;text-shadow:0 0 10px rgba(6,182,212,.3),0 0 20px rgba(6,182,212,.2),0 0 40px rgba(6,182,212,.1);filter:drop-shadow(0 0 2px rgba(255,255,255,.2))}@keyframes shine{to{background-position:200% center}}.hero-section h1:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 0%,rgba(6,182,212,.1) 50%,transparent 100%);background-size:100% 4px;animation:scan 10s linear infinite;pointer-events:none;z-index:10;mix-blend-mode:overlay}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.tagline{font-size:1.5rem;color:var(--text-secondary);margin-top:1.5rem;min-height:1.6em;display:flex;align-items:center;justify-content:center}#typewriter-text{position:relative;display:inline-block}#typewriter-text:after{content:"|";margin-left:2px;color:var(--accent-color);animation:blink .8s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{margin-bottom:4rem;padding:3rem}h2{font-size:2.2rem;margin-bottom:2rem;color:var(--accent-color);border-left:4px solid var(--accent-color);padding-left:1rem}.featured-book{display:flex;gap:3rem;align-items:flex-start}.book-card-visual{flex:0 0 188px;height:268px;border-radius:8px;box-shadow:0 0 30px var(--accent-glow);position:relative;overflow:hidden;border:1px solid var(--border-color);background:#000}.book-card-visual img{width:100%;height:auto;min-height:100%;object-fit:contain;display:block;image-rendering:-webkit-optimize-contrast}.book-info h3{font-size:2.5rem;margin:0 0 1rem}.book-info p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;max-width:600px}.scifi-font{font-family:var(--font-scifi)!important;letter-spacing:.15em;text-transform:uppercase}.uniform-width{width:340px!important;max-width:100%;display:inline-flex!important;align-items:center;justify-content:center}.external-links{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;position:relative;z-index:10}.sci-divider{height:1px;background:linear-gradient(to right,var(--accent-color),transparent);margin:4rem 0 2.7rem;opacity:.4;box-shadow:0 0 10px var(--accent-glow);width:100%}.glass-link{display:inline-block;padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);text-decoration:none;transition:all .3s;width:auto;min-width:250px;max-width:400px;text-align:center;position:relative;z-index:101;cursor:pointer;pointer-events:auto!important}.intel-split{display:flex;gap:3rem;justify-content:space-between;align-items:flex-start;width:100%}.content-body p:first-child{margin-top:0}@media(max-width:900px){.intel-split,.home-split-grid{grid-template-columns:1fr!important;gap:2rem!important}.content-body{max-width:100%!important;text-align:center!important}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.musing-item{transition:all .3s ease}.musing-item:hover{background:#ffffff05;transform:translate(4px)}.book-cover-frame{transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.book-cover-frame:hover{transform:scale(1.03) translateY(-10px)}.book-cover-frame img{border:1px solid var(--border-color);box-shadow:0 0 30px #06b6d426;transition:box-shadow .3s ease}.book-cover-frame:hover img{box-shadow:0 0 50px #06b6d466}.book-details h3{letter-spacing:.2em;text-shadow:0 0 10px var(--accent-glow)}.book-details em{color:var(--text-secondary);font-style:normal;font-weight:600}.glass-link:hover{background:var(--accent-color);color:#000;transform:translateY(-2px)}.cta-button{display:inline-block;padding:1rem 2.5rem;background:var(--accent-color);color:#000;text-decoration:none;font-weight:800;border-radius:8px;text-transform:uppercase;letter-spacing:.1rem;transition:all .3s;box-shadow:0 0 20px var(--accent-glow)}.cta-button:hover{background:#06b6d433;color:#fff;transform:scale(1.05);box-shadow:0 0 40px var(--accent-glow)}.header-coords{position:absolute;top:1rem;right:1.5rem;font-family:var(--font-mono);font-size:.6rem;color:var(--accent-color);opacity:.3;letter-spacing:.1em;pointer-events:none;transition:opacity .3s ease;z-index:5}.glass-panel:hover .header-coords,.hero-section:hover .header-coords{opacity:.7}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#020617e6;opacity:0;visibility:hidden;transition:all .3s ease;padding:2rem}.modal.active{opacity:1;visibility:visible}.modal-content{max-width:800px;width:100%;max-height:80vh;padding:3rem;overflow-y:auto;position:relative;box-shadow:0 0 50px #000}.modal.large .modal-content{max-width:1400px}.modal-content h2{border:none;padding:0;margin-bottom:2rem;background:linear-gradient(to right,var(--accent-color),#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.close-modal{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--text-secondary);font-size:2.5rem;cursor:pointer;line-height:1;transition:color .3s}.close-modal:hover{color:#fff}@media(max-width:900px){.featured-book{flex-direction:column;align-items:center;text-align:center}}@media(max-width:600px){nav{padding:.75rem .5rem}.nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 1.5rem}.nav-links a{font-size:.7rem;letter-spacing:.05em}section{padding:1.5rem}}.form-group{margin-top:3rem;position:relative;max-width:500px;margin-left:auto;margin-right:auto}.hud-input-wrapper{position:relative;border:1px solid var(--border-color);background:#0006;display:flex;align-items:center;padding:0 1rem;height:3.5rem;transition:all .3s ease}.hud-input-wrapper:focus-within{border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow)}.hud-input-wrapper .mono-accent{font-size:.7rem;opacity:.5;margin-right:1rem;white-space:nowrap}.hud-input{background:none;border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;width:100%;outline:none}.hud-input::placeholder{color:var(--text-secondary);opacity:.3}.form-status{margin-top:1rem;font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);display:flex;justify-content:space-between;opacity:.8}.status-indicator{display:inline-block;width:8px;height:8px;background:var(--accent-color);border-radius:50%;margin-right:.5rem}.status-indicator.pulse{animation:statusPulse 1.5s infinite}@keyframes statusPulse{0%{transform:scale(1);opacity:1;box-shadow:0 0 0 0 var(--accent-glow)}70%{transform:scale(1.2);opacity:.5;box-shadow:0 0 10px 5px transparent}to{transform:scale(1);opacity:1;box-shadow:0 0 0 0 transparent}}.hud-textarea{background:none;border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;width:100%;outline:none;min-height:150px;padding:1rem 0;resize:none}.hud-textarea::placeholder{color:var(--text-secondary);opacity:.3}.hud-label{display:block;font-family:var(--font-mono);font-size:.7rem;color:var(--accent-color);text-transform:uppercase;margin-bottom:.5rem;opacity:.8}.reader-view{max-width:800px;margin:0 auto;position:relative}.reader-metadata{display:flex;justify-content:space-between;border-bottom:1px solid rgba(6,182,212,.2);padding-bottom:1rem;margin-bottom:3rem;font-family:var(--font-mono);font-size:.7rem;color:var(--accent-color)}.reader-body{font-family:Newsreader,Georgia,serif;font-size:1.25rem;line-height:1.8;color:var(--text-primary);letter-spacing:.01em}.reader-body p{margin-bottom:1.5rem}.reader-controls{display:flex;justify-content:space-between;margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(6,182,212,.1)}.reader-scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 0%,rgba(6,182,212,.03) 50%,transparent 100%);background-size:100% 4px;pointer-events:none;z-index:5;animation:reader-scan 8s linear infinite}@keyframes reader-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.decryption-effect{overflow:hidden;position:relative}.decryption-effect:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-color);animation:decrypt-reveal 1.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes decrypt-reveal{0%{transform:scaleY(1);transform-origin:top}to{transform:scaleY(0);transform-origin:top}}