*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-enter{animation:fadeInUp .3s ease-out}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{animation:spin 1s linear infinite}canvas{outline:none;touch-action:none}input:focus,textarea:focus,select:focus{outline:none}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.w-\[380px\]{width:300px}.w-\[320px\]{width:280px}}@media(max-width:768px){.app-shell-main{flex-direction:column}}@media print{.no-print{display:none}}:root{--neon-cyan: #22d3ee;--neon-blue: #60a5fa;--neon-indigo: #818cf8;--panel-bg: rgba(6, 10, 22, .62);--panel-border: rgba(129, 140, 248, .25)}body{background:radial-gradient(circle at 18% 12%,rgba(34,211,238,.22),transparent 40%),radial-gradient(circle at 78% 18%,rgba(129,140,248,.18),transparent 45%),radial-gradient(circle at 50% 90%,rgba(96,165,250,.1),transparent 45%),linear-gradient(180deg,#071028,#030715)}.cyber-root{position:relative;overflow:hidden}.cyber-root:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;pointer-events:none;z-index:0;background:repeating-linear-gradient(to right,rgba(34,211,238,.18) 0px,rgba(34,211,238,.18) 1px,transparent 1px,transparent 72px),repeating-linear-gradient(to bottom,rgba(129,140,248,.14) 0px,rgba(129,140,248,.14) 1px,transparent 1px,transparent 72px);opacity:.18;transform:translateZ(0);animation:gridMove 18s linear infinite}.cyber-root:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.1) 0px,rgba(255,255,255,.1) 1px,transparent 2px,transparent 6px);opacity:.05;mix-blend-mode:overlay;animation:scanMove 6s linear infinite}.cyber-content{position:relative;z-index:1}@keyframes gridMove{0%{transform:translateZ(0)}to{transform:translate3d(-72px,72px,0)}}@keyframes scanMove{0%{transform:translate3d(0,-12px,0)}to{transform:translate3d(0,12px,0)}}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;background:#020617eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}.intro-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.intro-canvas{width:100%;height:100%}.intro-bg{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 20% 18%,rgba(34,211,238,.24),transparent 45%),radial-gradient(circle at 82% 22%,rgba(129,140,248,.2),transparent 48%),radial-gradient(circle at 55% 88%,rgba(96,165,250,.14),transparent 46%),linear-gradient(180deg,#0206178c,#020617f2);filter:saturate(1.1);transform:translateZ(0)}.intro-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 12% 18%,rgba(56,189,248,.55) 0,transparent 52%),radial-gradient(circle at 82% 28%,rgba(129,140,248,.52) 0,transparent 48%),radial-gradient(circle at 30% 78%,rgba(59,130,246,.5) 0,transparent 50%),radial-gradient(circle at 66% 86%,rgba(45,212,191,.45) 0,transparent 52%);opacity:.9;mix-blend-mode:screen;animation:introParticlesDrift 14s ease-in-out infinite alternate}.intro-particles:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background-image:radial-gradient(circle at 8% 12%,rgba(226,232,240,.28) 0,transparent 38%),radial-gradient(circle at 24% 84%,rgba(191,219,254,.24) 0,transparent 42%),radial-gradient(circle at 92% 68%,rgba(226,232,240,.3) 0,transparent 38%),radial-gradient(circle at 64% 22%,rgba(248,250,252,.35) 0,transparent 40%);opacity:.35;mix-blend-mode:soft-light;animation:introParticlesDrift 20s ease-in-out infinite alternate-reverse}.intro-window-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.intro-window-frame:before{content:"";width:min(320px,55vw);height:min(380px,65vh);border-radius:18px;border:1px solid rgba(148,163,184,.18);box-shadow:0 0 30px #0f172af2,0 0 50px #22d3ee29;transform-origin:center;transform:perspective(900px) rotateY(-18deg) rotateX(10deg) translateY(-8px);background:linear-gradient(135deg,#0f172a4d,#0f172ad9),radial-gradient(circle at 0 0,rgba(34,211,238,.25),transparent 55%),radial-gradient(circle at 100% 100%,rgba(129,140,248,.22),transparent 55%);opacity:.4;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:introFrameOrbit 18s ease-in-out infinite alternate}.intro-scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.1) 0px,rgba(255,255,255,.1) 1px,transparent 2px,transparent 7px);opacity:.06;mix-blend-mode:overlay;animation:introScan 1.6s linear infinite}.intro-panel{position:relative;width:min(560px,calc(100vw - 2.5rem));border-radius:20px;padding:22px 22px 18px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(145deg,#0f172abf,#060a169e);box-shadow:0 0 0 1px #22d3ee14 inset,0 30px 90px #0000008c,0 0 70px #22d3ee1a;transform:translateY(8px);animation:introPop .52s cubic-bezier(.2,.9,.2,1) both}.intro-badge{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:999px;border:1px solid rgba(34,211,238,.22);background:#02061773;box-shadow:0 0 24px #22d3ee1a;width:fit-content}.intro-dot{width:8px;height:8px;border-radius:999px;background:var(--neon-cyan);box-shadow:0 0 18px #22d3eea6;animation:hudPulse 1.2s ease-in-out infinite}.intro-badge-text{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.22em;font-weight:700;color:#d1faffeb}.intro-badge-sub{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.12em;color:#94a3b8bf;text-transform:uppercase}.intro-title{margin-top:14px;font-family:Outfit,Inter,system-ui,sans-serif;font-weight:700;font-size:22px;letter-spacing:.02em;color:#fffffff5;text-shadow:0 0 28px rgba(34,211,238,.1);position:relative;overflow:hidden}.intro-title-main{position:relative;z-index:1}.intro-title-glitch{position:absolute;top:0;right:0;bottom:0;left:0;color:#bfdbfed9;mix-blend-mode:screen;clip-path:polygon(0 0,100% 0,100% 55%,0 55%);opacity:0;transform:translateZ(0);animation:introTitleGlitch 3.2s ease-in-out infinite}.intro-subtitle{margin-top:6px;font-size:12px;color:#94a3b8d9;font-family:JetBrains Mono,ui-monospace,monospace;letter-spacing:.06em}.intro-progress{margin-top:16px}.intro-progress-bar{height:14px;border-radius:999px;border:1px solid rgba(37,99,235,.35);background:radial-gradient(circle at 0% 50%,rgba(59,130,246,.55),transparent 55%);overflow:hidden;box-shadow:0 0 0 1px #0f172acc inset,0 0 22px #2563eb8c;position:relative}.intro-progress-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(120deg,#0f172a00,#38bdf880 35%,#818cf899,#38bdf880 65%,#0f172a00);background-size:220% 100%;opacity:.85;mix-blend-mode:screen;animation:introFlow 1.35s linear infinite}.intro-progress-fill{height:100%;transform-origin:left center;background:radial-gradient(circle at 100% 50%,#bfdbfe,#3b82f6f2 45%,#2563eb00 76%),linear-gradient(90deg,#38bdf873,#3b82f6f2,#2563eb00);box-shadow:0 0 28px #3b82f6f2,0 0 60px #2563ebbf;border-radius:999px;clip-path:ellipse(140% 120% at 100% 50%)}.intro-progress-meta{margin-top:8px;display:flex;align-items:center;justify-content:space-between;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.18em;color:#94a3b8d9}.intro-hint{margin-top:10px;font-size:10px;color:#94a3b8b3;font-family:JetBrains Mono,ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.intro-start-button{margin-top:16px;width:100%;border-radius:999px;border:1px solid rgba(34,211,238,.55);padding:8px 0;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,monospace;color:#0f172af2;background:linear-gradient(90deg,#22d3eef2,#818cf8eb);box-shadow:0 0 24px #22d3ee59,0 10px 30px #0f172ae6;cursor:pointer;transition:transform .12s ease-out,box-shadow .12s ease-out,filter .12s ease-out}.intro-start-button:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 0 32px #22d3ee80,0 14px 40px #0f172af2}.intro-start-button:active{transform:translateY(0);box-shadow:0 0 18px #22d3ee59,0 8px 24px #0f172ae6}@keyframes introPop{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes introScan{0%{transform:translate3d(0,-18px,0)}to{transform:translate3d(0,18px,0)}}@keyframes introParticlesDrift{0%{transform:translateZ(0) scale(1);opacity:.55}50%{transform:translate3d(-12px,6px,0) scale(1.03);opacity:.7}to{transform:translate3d(8px,-10px,0) scale(1.05);opacity:.5}}@keyframes introFrameOrbit{0%{transform:perspective(900px) rotateY(-16deg) rotateX(9deg) translateY(-8px);opacity:.42}50%{transform:perspective(900px) rotateY(2deg) rotateX(11deg) translateY(-5px);opacity:.6}to{transform:perspective(900px) rotateY(-10deg) rotateX(8deg) translateY(-10px);opacity:.45}}@keyframes introTitleGlitch{0%,60%,to{opacity:0;transform:translateZ(0);text-shadow:none}61%{opacity:1;transform:translate3d(-1px,-1px,0);text-shadow:-2px 0 rgba(56,189,248,.7),2px 0 rgba(129,140,248,.7)}63%{opacity:.8;transform:translate3d(1px,0,0);text-shadow:-1px 0 rgba(56,189,248,.4),1px 0 rgba(129,140,248,.4)}65%{opacity:0;transform:translateZ(0);text-shadow:none}}@keyframes introFlow{0%{background-position:0% 0}to{background-position:200% 0}}@keyframes introFadeOut{to{opacity:0;visibility:hidden}}.intro-overlay-fade-out{animation:introFadeOut .26s ease-out forwards}.custom-scrollbar::-webkit-scrollbar-track{background:#0f172ab3}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b859}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#60a5fa73}@keyframes dotGlow{0%,to{transform:translateY(0);opacity:.55;box-shadow:0 0 #22d3ee00}50%{transform:translateY(-3px);opacity:1;box-shadow:0 0 18px #22d3ee59}}.typing-dots span{animation:dotGlow 1.1s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}.font-display{font-family:Outfit,Inter,system-ui,sans-serif}.font-mono-data{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:"tnum" 1}.tech-panel{background:linear-gradient(145deg,#0f172ab8,#060a168c,#0f172aad);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.12);box-shadow:0 0 0 1px #22d3ee0f inset,0 24px 64px #00000073,0 0 80px #22d3ee0a}.tech-panel-accent{background:linear-gradient(90deg,#22d3eed9,#818cf8a6,#60a5fa80);height:2px;opacity:.9}.tech-viewport-frame{position:relative;border-radius:1rem;overflow:hidden;box-shadow:0 0 0 1px #22d3ee1f,0 0 60px #22d3ee14,inset 0 1px #ffffff0f}.tech-viewport-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:5;border:1px solid rgba(148,163,184,.14);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 12%,transparent 12%,transparent 88%,black 88%),linear-gradient(to right,black 0%,black 10%,transparent 10%,transparent 90%,black 90%);mask-image:linear-gradient(to bottom,black 0%,black 12%,transparent 12%,transparent 88%,black 88%),linear-gradient(to right,black 0%,black 10%,transparent 10%,transparent 90%,black 90%);mask-composite:intersect;-webkit-mask-composite:source-in}@keyframes hudPulse{0%,to{opacity:.5}50%{opacity:1}}.hud-dot{animation:hudPulse 2.2s ease-in-out infinite}@media(max-width:1280px){.app-shell-main{flex-direction:column}.app-shell-side{max-width:none!important;width:100%!important;min-height:280px;flex:1 1 auto}.app-shell-viewport{min-height:42vh;flex:1 1 45%}}