body{font-family:Plus Jakarta Sans,Noto Sans SC,Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#0a0a0f;color:#f8fafc;font-weight:400;letter-spacing:.01em;line-height:1.6}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.font-heading{font-family:Outfit,Noto Sans SC,sans-serif;font-weight:600;letter-spacing:-.02em}.font-cyber{font-family:Orbitron,Outfit,sans-serif;letter-spacing:.05em}.font-mono{font-family:JetBrains Mono,Consolas,monospace}.font-body{font-family:Plus Jakarta Sans,Noto Sans SC,sans-serif;font-weight:400}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#12121a}.custom-scrollbar::-webkit-scrollbar-thumb{background:#00f0ff;border-radius:10px;box-shadow:0 0 10px #00f0ff}.glass-panel{background:#12121ad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,240,255,.2)}.cyber-grid{position:relative;overflow:hidden}.cyber-grid:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite;pointer-events:none;z-index:0}@keyframes grid-move{0%{transform:translateZ(0)}to{transform:translate3d(50px,50px,0)}}.scanlines:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:10;opacity:.5;animation:scanline-flicker .5s infinite}@keyframes scanline-flicker{0%,to{opacity:.8}50%{opacity:1}}.neon-glow{box-shadow:0 0 10px #00f0ff4d;border:1px solid rgba(0,240,255,.5)}.neon-glow-purple{box-shadow:0 0 10px #bf00ff4d;border:1px solid rgba(191,0,255,.5)}.neon-text{color:#00f0ff;text-shadow:0 0 5px #00f0ff,0 0 10px #00f0ff,0 0 20px #00f0ff}.neon-text-purple{color:#bf00ff;text-shadow:0 0 5px #bf00ff,0 0 10px #bf00ff,0 0 20px #bf00ff}@keyframes pulse-neon{0%,to{box-shadow:0 0 5px #00f0ff80,0 0 10px #00f0ff4d,0 0 20px #00f0ff33}50%{box-shadow:0 0 10px #00f0ffcc,0 0 20px #00f0ff80,0 0 40px #00f0ff4d,0 0 60px #00f0ff33}}.pulse-glow{animation:pulse-neon 2s ease-in-out infinite}@keyframes glitch{0%,90%,to{transform:translate(0);text-shadow:0 0 5px #00f0ff,0 0 10px #00f0ff}92%{transform:translate(-2px,1px);text-shadow:-2px 0 #ff00aa,2px 0 #00f0ff}94%{transform:translate(2px,-1px);text-shadow:2px 0 #ff00aa,-2px 0 #00f0ff}96%{transform:translate(-1px,2px);text-shadow:-1px 0 #bf00ff,1px 0 #00f0ff}98%{transform:translate(1px,-2px);text-shadow:1px 0 #bf00ff,-1px 0 #00f0ff}}.glitch-text{animation:glitch 3s ease-in-out infinite}.cyber-button{background:linear-gradient(135deg,#00f0ff,#bf00ff);color:#000;font-family:Outfit,Noto Sans SC,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;position:relative;overflow:hidden;transition:all .3s ease}.cyber-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.cyber-button:hover:before{left:100%}.cyber-button:hover{box-shadow:0 0 20px #00f0ff80,0 0 40px #bf00ff4d;transform:translateY(-2px)}.cyber-card{background:#12121ae6;border:1px solid rgba(0,240,255,.2);position:relative;transition:all .3s ease}.cyber-card:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#00f0ff,#bf00ff,#f0a);z-index:-1;opacity:0;transition:opacity .3s ease;border-radius:inherit}.cyber-card:hover{border-color:transparent;box-shadow:0 0 30px #00f0ff4d,0 0 60px #bf00ff33;transform:translateY(-4px)}.cyber-card:hover:before{opacity:1}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,50%{border-color:#00f0ff}51%,to{border-color:transparent}}.typing-effect{overflow:hidden;white-space:nowrap;border-right:3px solid #00f0ff;animation:typing 2s steps(20,end),blink-caret .75s step-end infinite}@keyframes hologram{0%,to{opacity:1;transform:translateY(0)}25%{opacity:.9;transform:translateY(-1px)}50%{opacity:1;transform:translateY(0)}75%{opacity:.95;transform:translateY(1px)}}.hologram{animation:hologram 2s ease-in-out infinite;background:linear-gradient(135deg,#00f0ff1a,#bf00ff1a,#00f0ff1a)}html{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body.modal-open{overflow:hidden;position:fixed;width:100%;touch-action:none}button,a,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}*{touch-action:manipulation}.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-main-content{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}@media(max-width:767px){.cyber-grid:before{display:none!important}.glass-panel{border-radius:1rem!important}.fixed.inset-0 .max-w-2xl,.fixed.inset-0 .max-w-lg,.fixed.inset-0 .max-w-md,.fixed.inset-0 .max-w-sm{max-width:100%!important;max-height:100%!important;border-radius:0!important;margin:0!important}.custom-scrollbar::-webkit-scrollbar{display:none}.custom-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}:root{--bg-primary: #050508;--bg-secondary: #13131f;--bg-tertiary: #1b1b2e;--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #2d2d45;--accent-color: #00f0ff;--neon-cyan: #00f0ff;--neon-purple: #bf00ff;--neon-pink: #ff00aa;--neon-blue: #0066ff;--glow-cyan: 0 0 5px #00f0ff, 0 0 10px #00f0ff, 0 0 20px #00f0ff, 0 0 40px #00f0ff;--glow-purple: 0 0 5px #bf00ff, 0 0 10px #bf00ff, 0 0 20px #bf00ff, 0 0 40px #bf00ff;--glow-pink: 0 0 5px #ff00aa, 0 0 10px #ff00aa, 0 0 20px #ff00aa;--gradient-cyber: linear-gradient(135deg, #00f0ff 0%, #bf00ff 50%, #ff00aa 100%);--gradient-neon: linear-gradient(90deg, #00f0ff, #bf00ff)}