@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&family=Share+Tech+Mono&family=Inter:wght@400;600&display=swap");:root{--sci-bg:#050505;--sci-panel:#0a0a0a;--sci-neon-blue:#00f3ff;--sci-neon-purple:#bc13fe;--sci-neon-green:#0aff0a;--sci-neon-red:#ff2a2a;--sci-text-main:#e0e0e0;--sci-text-dim:#666;--sci-font-display:"Rajdhani",sans-serif;--sci-font-mono:"Share Tech Mono",monospace;--sci-font-body:"Inter",sans-serif;--cursor-size:20px}.sci-wrapper{background-color:var(--sci-bg);color:var(--sci-text-main);cursor:none;font-family:var(--sci-font-body);min-height:100vh;overflow-x:hidden;position:relative}.boot-screen{align-items:center;background:#000;color:var(--sci-neon-green);display:flex;flex-direction:column;font-family:var(--sci-font-mono);height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .5s ease-out;width:100%;z-index:10000}.boot-terminal{margin-bottom:20px;text-align:left;width:300px}.boot-line{animation:typeLine .1s forwards;font-size:.9rem;margin-bottom:5px;opacity:0}.boot-loader{background:#222;height:4px;position:relative;width:300px}.loader-bar{animation:loadBar 2.5s ease-in-out forwards;background:var(--sci-neon-green);height:100%;left:0;position:absolute;top:0;width:0}.cursor-reticle{border:1px solid var(--sci-neon-blue);height:40px;mix-blend-mode:difference;transition:width .2s,height .2s,background .2s;width:40px}.cursor-dot,.cursor-reticle{border-radius:50%;pointer-events:none;position:fixed;transform:translate(-50%,-50%);z-index:9999}.cursor-dot{background:var(--sci-neon-blue);height:6px;width:6px}body.hovering .cursor-reticle{background:rgba(255,42,42,.1);border-color:var(--sci-neon-red);border-style:dashed;height:60px;width:60px}.sci-hud-layer{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:999}.hud-progress-container{background:hsla(0,0%,100%,.1);bottom:100px;left:20px;position:absolute;top:100px;width:2px}.hud-progress-bar{background:var(--sci-neon-blue);box-shadow:0 0 10px var(--sci-neon-blue);height:0;transition:height .1s;width:100%}.hud-corner{border:2px solid var(--sci-neon-blue);height:40px;opacity:.3;position:absolute;width:40px}.hud-corner.top-left{border-bottom:none;border-right:none;left:20px;top:20px}.hud-corner.top-right{border-bottom:none;border-left:none;right:20px;top:20px}.hud-corner.bottom-left{border-right:none;border-top:none;bottom:20px;left:20px}.hud-corner.bottom-right{border-left:none;border-top:none;bottom:20px;right:20px}.hud-text{color:var(--sci-neon-blue);font-family:var(--sci-font-mono);font-size:10px;letter-spacing:2px;opacity:.5;position:absolute}.hud-text.top-left{left:70px;top:25px}.hud-text.bottom-right{bottom:25px;right:70px}.sci-nav{backdrop-filter:blur(10px);background:rgba(5,5,5,.9);border-bottom:1px solid rgba(0,243,255,.1);cursor:default;padding:.8rem 0;position:sticky;top:0;z-index:100}.sci-container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:10}.sci-nav-flex{justify-content:space-between}.sci-logo-box,.sci-nav-flex{align-items:center;display:flex}.sci-logo-box{color:#fff;font-family:var(--sci-font-display);font-size:1.2rem;font-weight:700;gap:10px;text-transform:uppercase}.sci-logo-icon{animation:spin 10s linear infinite;color:var(--sci-neon-blue)}.sci-nav-links{align-items:center;display:flex;gap:2rem}.sci-nav-link{color:var(--sci-text-dim);font-family:var(--sci-font-mono);font-size:.9rem;text-decoration:none;text-transform:uppercase;transition:all .3s}.sci-nav-link.active,.sci-nav-link:hover{color:var(--sci-neon-blue);text-shadow:0 0 8px rgba(0,243,255,.5)}.nav-num{font-size:.7rem;margin-right:5px;opacity:.5}.sci-cta-btn{background:var(--sci-neon-blue);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);color:#000;font-family:var(--sci-font-display);font-weight:700;padding:5px 15px;text-decoration:none}.sci-cta-btn:hover{background:#fff}.sci-hero{overflow:hidden;padding:12rem 0 10rem;position:relative;text-align:center}.sci-grid-bg{animation:gridMove 20s linear infinite;background-image:linear-gradient(rgba(0,243,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,243,255,.05) 1px,transparent 0);background-size:40px 40px;height:200%;left:0;pointer-events:none;position:absolute;top:0;transform:perspective(500px) rotateX(60deg);width:100%;z-index:0}.hero-content{position:relative;z-index:2}.hero-label{color:var(--sci-neon-green);font-family:var(--sci-font-mono);font-size:.9rem;letter-spacing:2px;margin-bottom:1rem}.hero-title{color:#fff;font-family:var(--sci-font-display);font-size:5rem;line-height:.9;margin-bottom:2rem;text-transform:uppercase}.glitch-text{color:var(--sci-neon-blue);position:relative}.hero-sub{color:var(--sci-text-main);font-size:1.2rem;line-height:1.6;margin:0 auto 3rem;max-width:600px}.sci-btn{display:inline-block;font-family:var(--sci-font-mono);font-weight:700;margin:0 10px;padding:15px 30px;text-decoration:none;text-transform:uppercase;transition:all .3s}.sci-btn.primary{background:rgba(0,243,255,.05);border:1px solid var(--sci-neon-blue);box-shadow:0 0 15px rgba(0,243,255,.1);color:var(--sci-neon-blue)}.sci-btn.primary:hover{background:var(--sci-neon-blue);box-shadow:0 0 30px rgba(0,243,255,.4);color:#000}.sci-btn.secondary{border:1px solid var(--sci-text-dim);color:var(--sci-text-dim)}.sci-btn.secondary:hover{border-color:#fff;color:#fff}.sci-mission-block{padding:6rem 0;perspective:1000px;position:relative}.mission-card{backdrop-filter:blur(5px);background:hsla(0,0%,4%,.8);border:1px solid hsla(0,0%,100%,.1);padding:3rem;position:relative;transform-style:preserve-3d;transition:transform .1s ease-out,border-color .3s}.mission-card:hover{border-color:var(--sci-neon-blue);box-shadow:0 0 20px rgba(0,243,255,.1)}.mission-header{border-bottom:1px solid hsla(0,0%,100%,.05);gap:2rem;margin-bottom:3rem;padding-bottom:1rem}.mission-header,.mission-id{align-items:center;display:flex}.mission-id{color:var(--sci-neon-blue);font-family:var(--sci-font-mono);font-size:1.5rem;gap:10px;transform:rotate(180deg);writing-mode:vertical-rl}.id-line{background:var(--sci-neon-blue);height:50px;width:2px}.mission-title{color:#fff;font-family:var(--sci-font-display);font-size:3rem;margin:0;text-transform:uppercase;transform:translateZ(20px)}.mission-grid{display:grid;gap:4rem;grid-template-columns:1.5fr 1fr}.toggle-tabs{display:flex;gap:10px;margin-bottom:20px}.sci-tab{background:none;border:1px solid #333;color:#666;cursor:none;flex:1;font-family:var(--sci-font-mono);padding:10px 20px;text-align:left;transition:all .3s}.sci-tab.active{background:hsla(0,0%,100%,.05);color:#fff}.sci-tab.active,.sci-tab:hover{border-color:#fff}.tab-content{background:rgba(0,0,0,.3);border:1px solid #222;display:none;padding:20px}.tab-content.active{animation:scanIn .3s ease;display:block}.tab-content.friction-mode{border-left:3px solid var(--sci-neon-red)}.tab-content.solution-mode{border-left:3px solid var(--sci-neon-green)}.sci-list{list-style:none;margin:0;padding:0}.sci-list li{display:flex;font-size:.95rem;gap:10px;margin-bottom:10px}.marker{font-family:var(--sci-font-mono);font-weight:700}.friction-mode .marker{color:var(--sci-neon-red)}.solution-mode .marker{color:var(--sci-neon-green)}.sci-inventory{border-top:1px dashed #333;margin-top:2rem;padding-top:1rem}.inv-items{display:flex;flex-wrap:wrap;gap:10px}.inv-tag{background:rgba(188,19,254,.05);border:1px solid var(--sci-neon-purple);color:var(--sci-neon-purple);display:inline-block;font-family:var(--sci-font-mono);font-size:.8rem;padding:2px 8px}.holo-container{background:linear-gradient(180deg,rgba(0,243,255,.05),transparent);border:1px solid rgba(0,243,255,.1);padding:2rem;position:relative;text-align:center;transform:translateZ(10px)}.holo-stat{margin-bottom:3rem}.stat-val{color:var(--sci-neon-blue);display:block;font-family:var(--sci-font-display);font-size:4rem;line-height:1;text-shadow:0 0 20px rgba(0,243,255,.3)}.stat-label{color:#fff;font-family:var(--sci-font-mono);font-size:.9rem;letter-spacing:2px}.skill-tree{flex-direction:column;gap:0}.skill-tree,.tree-node{align-items:center;display:flex}.tree-node{gap:15px;width:100%}.node-circle{align-items:center;background:#000;border:2px solid #333;border-radius:50%;display:flex;font-family:var(--sci-font-mono);height:30px;justify-content:center;width:30px;z-index:2}.complete .node-circle{border-color:var(--sci-neon-green);box-shadow:0 0 10px var(--sci-neon-green);color:var(--sci-neon-green)}.tree-connector{background:#333;height:30px;margin-bottom:-5px;margin-left:14px;margin-top:-5px;width:2px}.mission-corner{border:2px solid #fff;height:20px;position:absolute;width:20px}.mission-corner.top-right{border-bottom:none;border-left:none;right:-2px;top:-2px}.mission-corner.bottom-left{border-right:none;border-top:none;bottom:-2px;left:-2px}.sci-stats-section{padding:8rem 0;text-align:center}.sci-table-frame{border:1px solid #333;margin:4rem auto 0;max-width:900px;overflow:hidden;padding:2px;position:relative}.sci-table{border-collapse:collapse;font-family:var(--sci-font-mono);width:100%}.sci-table th{background:#111;border-bottom:2px solid #333;color:#666;font-weight:400;padding:15px}.sci-table td{border-bottom:1px solid #222;color:#ccc;padding:15px}.enemy-val{color:var(--sci-neon-red)}.ally-val{background:rgba(10,255,10,.05);color:var(--sci-neon-green)}.scan-line{animation:scanDown 3s linear infinite;background:rgba(0,243,255,.5);box-shadow:0 0 10px var(--sci-neon-blue);height:2px;left:0;position:absolute;top:0;width:100%}.footer-terminal{background:#000;border:1px solid #444;box-shadow:0 20px 50px rgba(0,0,0,.5);font-family:var(--sci-font-mono);margin:6rem auto;max-width:800px;padding:0}.term-header{background:#222;display:flex;gap:8px;padding:10px}.term-dot{border-radius:50%;height:12px;width:12px}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.term-body{color:var(--sci-neon-green);font-size:1.1rem;padding:40px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes gridMove{to{background-position:0 40px,0 40px}}@keyframes scanIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scanDown{0%{top:-10%}to{top:110%}}@keyframes typeLine{to{opacity:1}}@keyframes loadBar{0%{width:0}to{width:100%}}.blink{animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}@media (max-width:768px){.hero-title{font-size:3rem}.mission-grid{grid-template-columns:1fr}.mission-id{margin-bottom:1rem;transform:none;writing-mode:horizontal-tb}.mission-card{transform:none!important}.cursor-dot,.cursor-reticle{display:none}.sci-wrapper{cursor:auto}}