@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Permanent+Marker&family=Share+Tech+Mono&display=swap";:root{--neon-pink: #ff007f;--neon-purple: #9d00ff;--blood-red: #d90000;--void-black: #050008;--deep-blue: #12001c;--panel-bg: rgba(15, 0, 20, .85);--hud-padding: 40px;--border-width: 2px;--font-display: "Permanent Marker", cursive;--font-tech: "Orbitron", sans-serif;--font-data: "Share Tech Mono", monospace;--acid-yellow: #ffcc33;--cyber-red: var(--neon-pink);--hacker-cyan: var(--neon-purple)}*{box-sizing:border-box;cursor:crosshair}body{margin:0;padding:0;background-color:var(--void-black);color:#fff;font-family:var(--font-data);overflow:hidden;height:100vh;width:100vw}.gradient-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(157,0,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,0,127,.15) 0%,transparent 50%);pointer-events:none;z-index:1}.scanlines{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#ff007f00,#ff007f00 50%,#0000004d 50%,#0000004d);background-size:100% 4px;pointer-events:none;z-index:1000}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");z-index:999}.hud-frame{position:fixed;top:0;left:0;width:100%;height:100%;padding:var(--hud-padding);pointer-events:none;z-index:500;display:flex;flex-direction:column;justify-content:space-between}.hud-top,.hud-bottom{display:flex;justify-content:space-between;align-items:center;width:100%}.hud-element{font-family:var(--font-tech);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--neon-pink);display:flex;align-items:center;gap:10px;pointer-events:auto;text-shadow:0 0 5px var(--neon-pink)}.brand-logo{font-size:24px;font-weight:900;color:#fff;text-shadow:0 0 10px var(--neon-purple),0 0 20px var(--neon-pink);font-style:italic}.nav-links{display:flex;gap:30px;align-items:center}.nav-item{position:relative;color:#fff9;text-decoration:none;transition:.3s}.nav-item:hover,.nav-item.active{color:var(--neon-purple);text-shadow:0 0 8px var(--neon-purple)}.nav-item.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--neon-purple);box-shadow:0 0 10px var(--neon-purple)}.main-stage{width:100%;height:100vh;overflow-y:auto;scroll-behavior:smooth;position:relative;z-index:5}section{min-height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;padding:80px 10vw;border-bottom:1px solid rgba(255,0,127,.2)}.hero-section{background:linear-gradient(90deg,#0f0014f2,#0f0014b3,#ff007f1a),url(https://images.unsplash.com/photo-1542259681-d4cd79803099?q=80&w=2536&auto=format&fit=crop);background-size:cover;background-position:center;align-items:flex-start}.hero-content{max-width:800px;position:relative;z-index:10}.graffiti-title{font-family:var(--font-display);font-size:8rem;line-height:.8;color:var(--neon-purple);transform:rotate(-2deg);text-shadow:4px 4px 0px #000,0 0 30px rgba(157,0,255,.4);margin:0;position:relative}.graffiti-title span{display:block;color:var(--neon-pink);font-size:4rem;margin-left:100px;text-shadow:0 0 15px var(--neon-pink);transform:rotate(2deg)}.mission-brief{margin-top:40px;border-left:4px solid var(--neon-pink);background:linear-gradient(90deg,rgba(20,0,10,.85),transparent);padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;max-width:500px;box-shadow:-10px 0 30px #ff007f1a}.brief-header{color:var(--neon-pink);font-size:12px;letter-spacing:2px;margin-bottom:10px;display:flex;justify-content:space-between;text-shadow:0 0 5px var(--neon-pink)}.brief-text{font-size:16px;line-height:1.6;color:#ffb8d2}.hub-section{background:var(--deep-blue);align-items:center;position:relative}.hub-grid{display:grid;grid-template-columns:300px 1fr;gap:40px;width:100%;max-width:1400px;height:80vh}.companion-panel{border:1px solid rgba(255,0,127,.3);background:#0f020acc;display:flex;flex-direction:column;padding:20px;position:relative;box-shadow:0 0 20px #ff007f0d;height:100%}.companion-panel:before{content:"";position:absolute;top:-1px;left:-1px;width:20px;height:20px;border-top:2px solid var(--neon-purple);border-left:2px solid var(--neon-purple);box-shadow:-2px -2px 10px var(--neon-purple)}.ai-avatar{width:100%;height:120px;background-color:#1a0505;position:relative;overflow:hidden;margin-bottom:10px;flex-shrink:0}.ai-avatar img{width:100%;height:100%;object-fit:cover;opacity:.8}.ai-status{color:var(--neon-pink);font-size:10px;margin-bottom:10px;display:flex;justify-content:space-between;font-family:var(--font-tech)}.chat-window{flex-grow:1;overflow-y:auto;margin-bottom:10px;font-family:var(--font-data);font-size:13px;display:flex;flex-direction:column;gap:12px;padding-right:5px}.chat-window::-webkit-scrollbar{width:4px}.chat-window::-webkit-scrollbar-thumb{background:var(--neon-purple)}.chat-msg{display:flex;flex-direction:column}.chat-msg.ai .msg-sender{color:var(--neon-pink)}.chat-msg.ai .msg-text{color:#ffb8d2}.chat-msg.user .msg-sender{color:var(--neon-purple);text-align:right}.chat-msg.user .msg-text{color:#e0d1ff;text-align:right}.msg-sender{font-size:10px;margin-bottom:2px;opacity:.8;font-family:var(--font-tech)}.chat-input-area{display:flex;align-items:center;border-top:1px solid rgba(255,0,127,.3);padding-top:10px}.prompt-arrow{color:var(--neon-pink);margin-right:10px;font-weight:700}.terminal-input{background:transparent;border:none;color:#fff;font-family:var(--font-data);font-size:14px;flex-grow:1;outline:none}.terminal-send{background:transparent;border:1px solid var(--neon-pink);color:var(--neon-pink);cursor:pointer;padding:5px 10px;font-family:var(--font-tech);font-size:10px;transition:.2s}.terminal-send:hover{background:var(--neon-pink);color:#000;box-shadow:0 0 10px var(--neon-pink)}.loot-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;overflow-y:auto;padding-right:10px}.loot-container::-webkit-scrollbar{width:4px}.loot-container::-webkit-scrollbar-thumb{background:var(--neon-pink)}.loot-container::-webkit-scrollbar-track{background:#ff007f0d}.loot-card{background:#ff007f08;border:1px solid rgba(255,0,127,.1);height:350px;position:relative;transition:.3s;display:flex;flex-direction:column;overflow:hidden}.loot-card:hover{border-color:var(--neon-purple);box-shadow:0 0 25px #9d00ff26}.card-image{height:60%;width:100%;background:#100505;position:relative}.card-image img{width:100%;height:100%;object-fit:cover;opacity:.6;filter:sepia(.3) saturate(1.2);transition:.3s}.loot-card:hover .card-image img{opacity:1;filter:sepia(0) saturate(1.5)}.rarity-badge{position:absolute;top:10px;right:10px;background:var(--neon-purple);color:#000;font-weight:700;font-size:10px;padding:2px 6px;text-transform:uppercase;font-family:var(--font-tech);box-shadow:0 0 10px var(--neon-purple);z-index:2}.card-details{padding:15px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.item-name{font-family:var(--font-tech);font-weight:700;font-size:15px;color:#fff;margin:0;letter-spacing:1px;text-shadow:0 0 5px rgba(255,255,255,.2)}.item-meta{font-size:10px;color:#bfaab1;margin-top:5px;display:flex;justify-content:space-between}.action-btn{background:transparent;border:1px solid var(--neon-pink);color:var(--neon-pink);padding:10px;width:100%;font-family:var(--font-tech);text-transform:uppercase;font-size:12px;letter-spacing:2px;transition:.2s;margin-top:15px;position:relative;overflow:hidden;text-shadow:0 0 5px var(--neon-pink)}.action-btn:hover{background:var(--neon-pink);color:#000;box-shadow:0 0 20px var(--neon-pink);text-shadow:none}.corner-bracket{position:absolute;width:20px;height:20px;border:2px solid rgba(255,0,127,.4);pointer-events:none}.tl{top:0;left:0;border-right:none;border-bottom:none}.tr{top:0;right:0;border-left:none;border-bottom:none}.bl{bottom:0;left:0;border-right:none;border-top:none}.br{bottom:0;right:0;border-left:none;border-top:none}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.glitch-text:before{left:2px;text-shadow:-1px 0 var(--neon-pink);clip:rect(24px,550px,90px,0);animation:glitch-anim-2 3s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 var(--neon-purple);clip:rect(85px,550px,140px,0);animation:glitch-anim-1 2.5s infinite linear alternate-reverse}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes glitch-anim-1{0%{clip:rect(20px,9999px,15px,0)}20%{clip:rect(50px,9999px,80px,0)}40%{clip:rect(10px,9999px,90px,0)}60%{clip:rect(40px,9999px,20px,0)}80%{clip:rect(70px,9999px,60px,0)}to{clip:rect(30px,9999px,10px,0)}}@keyframes glitch-anim-2{0%{clip:rect(60px,9999px,40px,0)}20%{clip:rect(10px,9999px,80px,0)}40%{clip:rect(90px,9999px,10px,0)}60%{clip:rect(30px,9999px,50px,0)}80%{clip:rect(50px,9999px,20px,0)}to{clip:rect(20px,9999px,90px,0)}}.tech-line{height:1px;background:linear-gradient(90deg,transparent,var(--neon-pink),transparent);width:100%;margin:20px 0;opacity:.7;box-shadow:0 0 10px var(--neon-pink)}.neural-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a000ff2;z-index:2000;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--neon-pink)}.neural-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(255,0,127,.2) 51%);background-size:100% 4px;animation:scan 10s linear infinite;pointer-events:none}.neural-content{position:relative;z-index:2001;text-align:center;width:60%;max-width:600px}.neural-title{font-family:var(--font-tech);font-size:2rem;letter-spacing:5px;margin-bottom:2rem;text-shadow:0 0 20px var(--neon-pink);animation:blink .5s infinite alternate}.biometric-scan{height:100px;border:2px solid var(--blood-red);position:relative;margin-bottom:2rem;overflow:hidden}.scan-bar{width:100%;height:5px;background:var(--neon-pink);box-shadow:0 0 15px var(--neon-pink);position:absolute;top:0;left:0;animation:scanBar 1.5s ease-in-out infinite alternate}.neural-logs{font-family:var(--font-data);text-align:left;color:var(--neon-purple)}.diagnosis-text{color:var(--blood-red);font-size:1.5rem;margin-top:1rem;font-weight:700;text-shadow:0 0 10px var(--blood-red)}@keyframes scanBar{0%{top:0}to{top:100%}}@keyframes highlight-pulse-anim{0%{box-shadow:0 0 #ff007fb3;border-color:var(--neon-pink)}70%{box-shadow:0 0 0 20px #ff007f00;border-color:var(--neon-purple)}to{box-shadow:0 0 #ff007f00;border-color:#ff007f1a}}.footer-section{background:var(--void-black);padding:60px 10vw 20px;border-top:1px solid rgba(255,0,127,.2);display:flex;flex-direction:column;position:relative;overflow:hidden}.footer-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--neon-purple),var(--neon-pink),transparent);box-shadow:0 0 10px var(--neon-pink)}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:40px}.footer-brand{flex:1;min-width:250px}.footer-logo{font-size:32px;margin-bottom:10px}.footer-tagline{color:var(--neon-purple);font-size:12px;letter-spacing:3px;font-family:var(--font-tech)}.footer-links,.footer-company-info{flex:1;min-width:250px;display:flex;flex-direction:column;gap:12px}.footer-heading{color:var(--neon-pink);font-family:var(--font-tech);font-size:14px;letter-spacing:2px;margin-bottom:10px;text-shadow:0 0 5px rgba(255,0,127,.5)}.footer-link{color:#bfaab1;text-decoration:none;font-size:13px;transition:.3s;position:relative;padding-left:15px}.footer-link:before{content:">";position:absolute;left:0;color:var(--neon-purple);opacity:0;transition:.3s}.footer-link:hover{color:var(--neon-pink);text-shadow:0 0 5px rgba(255,0,127,.3)}.footer-link:hover:before{opacity:1;transform:translate(-5px)}.footer-company-info p{margin:0;font-size:13px;color:#bfaab1}.footer-company-info .highlight-data{color:var(--acid-yellow);font-family:var(--font-data)}.footer-bottom{text-align:center;margin-top:20px}.copyright{font-size:10px;color:#ffffff4d;font-family:var(--font-tech);letter-spacing:2px}.glitch-svg-container{position:relative;display:inline-block;width:100%;max-width:600px}.glitch-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.glitch-layer:nth-child(1){position:relative;z-index:1}.glitch-layer:nth-child(2){z-index:2;opacity:.8;animation:glitch-anim-svg-1 2.5s infinite linear alternate-reverse;mix-blend-mode:hard-light}.glitch-layer:nth-child(2) .st0{fill:var(--cyber-red)!important}.glitch-layer:nth-child(2) .st1{fill:var(--void-black)!important}.glitch-layer:nth-child(3){z-index:3;opacity:.8;animation:glitch-anim-svg-2 3s infinite linear alternate-reverse;mix-blend-mode:hard-light}.glitch-layer:nth-child(3) .st0{fill:var(--acid-yellow)!important}.glitch-layer:nth-child(3) .st1{fill:var(--hacker-cyan)!important}@keyframes glitch-anim-svg-1{0%{clip-path:inset(10% 0 80% 0);transform:translate(-2px,1px)}20%{clip-path:inset(80% 0 10% 0);transform:translate(2px,-1px)}40%{clip-path:inset(40% 0 50% 0);transform:translate(-2px,2px)}60%{clip-path:inset(20% 0 60% 0);transform:translate(1px,-1px)}80%{clip-path:inset(60% 0 20% 0);transform:translate(2px,1px)}to{clip-path:inset(30% 0 40% 0);transform:translate(-1px,-2px)}}@keyframes glitch-anim-svg-2{0%{clip-path:inset(30% 0 40% 0);transform:translate(2px,-1px)}20%{clip-path:inset(10% 0 60% 0);transform:translate(-2px,2px)}40%{clip-path:inset(70% 0 20% 0);transform:translate(1px,-2px)}60%{clip-path:inset(20% 0 50% 0);transform:translate(-1px,1px)}80%{clip-path:inset(50% 0 30% 0);transform:translate(2px,-1px)}to{clip-path:inset(0% 0 90% 0);transform:translate(-2px,1px)}}