@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Exo+2:wght@400;700;900&family=Saira:wght@400;700;900&family=Rajdhani:wght@400;700&family=Play:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.intro-screen{align-items:flex-start;background:linear-gradient(135deg,#0f172af2,#1e293be6 35%,#334155d9);color:#e2e8f0;cursor:pointer;display:flex;flex-direction:column;font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,monospace;font-size:1.5em;height:100vh;justify-content:flex-start;left:0;position:fixed;top:0;transition:opacity 1.2s ease-out,transform 1.2s ease-out,filter 1.2s ease-out;width:100vw;z-index:1000}.intro-screen:after{background:repeating-linear-gradient(0deg,#7dd3fc14,#7dd3fc14 1px,#0000 0,#0000 3px),repeating-linear-gradient(90deg,#60a5fa0d,#60a5fa0d 1px,#0000 0,#0000 2px);content:" ";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.intro-screen.fade-out{animation:customCodeFadeOut .7s linear;background:linear-gradient(135deg,#0f172af2,#1e293be6 35%,#334155d9)!important;filter:blur(5px) brightness(.3) contrast(1.2);opacity:0;pointer-events:none;transform:scale(.9)}@keyframes customCodeFadeOut{0%{background:linear-gradient(135deg,#0f172af2,#1e293be6 35%,#334155d9);filter:blur(0) brightness(1) contrast(1);opacity:1;transform:scale(1) skewX(0deg)}10%{background:linear-gradient(135deg,#0f172af2,#1e293be6 35%,#334155d9);filter:blur(1px) brightness(.8) contrast(1.1) hue-rotate(15deg);opacity:.9;transform:scale(1.01) skewX(-1deg)}20%{background:linear-gradient(135deg,#0f172af2,#1e293be6 35%,#334155d9);filter:blur(2px) brightness(.6) contrast(1.3) hue-rotate(-10deg);opacity:.8;transform:scale(.98) skewX(2deg)}30%{background:linear-gradient(135deg,#0f172af2,#1e293be6 35%,#334155d9);filter:blur(1px) brightness(.7) contrast(1.1) hue-rotate(20deg);opacity:.7;transform:scale(1.02) skewX(-1deg)}40%{background:linear-gradient(135deg,#0f172af2,#1e293be6 35%,#334155d9);filter:blur(2px) brightness(.5) contrast(1.5) hue-rotate(-15deg);opacity:.6;transform:scale(.97) skewX(3deg)}50%{background:linear-gradient(135deg,#0f172af2,#1e293be6 35%,#334155d9);filter:blur(3px) brightness(.4) contrast(1.2) hue-rotate(25deg);opacity:.5;transform:scale(1.03) skewX(-2deg)}60%{background:linear-gradient(135deg,#0f172af2,#1e293be6 35%,#334155d9);filter:blur(2px) brightness(.3) contrast(1.4) hue-rotate(-20deg);opacity:.4;transform:scale(.99) skewX(1deg)}70%{background:linear-gradient(135deg,#0f172af2,#1e293be6 35%,#334155d9);filter:blur(4px) brightness(.2) contrast(1.6) hue-rotate(30deg);opacity:.3;transform:scale(1.04) skewX(-3deg)}80%{background:linear-gradient(135deg,#0f172af2,#1e293be6 35%,#334155d9);filter:blur(2px) brightness(.2) contrast(1.1) hue-rotate(-25deg);opacity:.2;transform:scale(.97) skewX(2deg)}90%{background:linear-gradient(135deg,#0f172af2,#1e293be6 35%,#334155d9);filter:blur(5px) brightness(.1) contrast(1.8) hue-rotate(35deg);opacity:.1;transform:scale(1.05) skewX(-4deg)}to{background:linear-gradient(135deg,#0f172af2,#1e293be6 35%,#334155d9);filter:blur(5px) brightness(.1) contrast(1);opacity:0;transform:scale(.9) skewX(0deg)}}.terminal-container{background:linear-gradient(135deg,#1e293be6,#334155cc);border:1px solid #7dd3fc4d;border-radius:8px;box-shadow:0 10px 40px #0f172a99,0 0 25px #7dd3fc26,inset 0 1px 0 #7dd3fc1a;font-family:JetBrains Mono,SF Mono,Monaco,monospace;height:160px;width:260px}.terminal-container:before{background:linear-gradient(90deg,#0000,#7dd3fc99,#f953c666,#7dd3fc99,#0000);border-radius:8px 8px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.terminal-line{border-radius:3px;color:#e2e8f0e6;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:9px;line-height:1.3;margin:4px 0;padding:2px 4px}.terminal-line.success{color:#7dd3fce6}.terminal-line.info{color:#60a5fae6}.terminal-line.progress{color:#f953c6e6}.terminal-line:hover{background-color:#7dd3fc14}.welcome-stage{align-items:center;animation:welcomeStageEnter 1s ease-out forwards;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}@keyframes welcomeStageEnter{0%{filter:blur(3px);opacity:0;transform:scale(.95)}to{filter:blur(0);opacity:1;transform:scale(1)}}.welcome-text{animation:welcomeAppear 1s ease-out forwards,customCodeGlow 2s ease-in-out infinite alternate;color:#7dd3fc;display:block;font-family:JetBrains Mono,Inter,SF Mono,monospace;font-size:clamp(1.25em,3vw,2em);font-weight:500;letter-spacing:.02em;margin:0;opacity:0;padding:20px;position:relative;text-align:center;text-shadow:0 0 20px #7dd3fc99,0 0 40px #7dd3fc4d,0 0 60px #f953c633;transform:translateY(20px);width:100%}.welcome-text:after,.welcome-text:before{content:attr(data-text);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.welcome-text:before{animation:customCodeGlitch1 .8s linear infinite;left:2px;opacity:.7;text-shadow:-2px 0 #f953c6}.welcome-text:after{animation:customCodeGlitch2 .6s linear infinite;left:-2px;opacity:.7;text-shadow:2px 0 #60a5fa}@keyframes welcomeAppear{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes customCodeGlow{0%{text-shadow:0 0 20px #7dd3fc99,0 0 40px #7dd3fc4d,0 0 60px #f953c633}to{text-shadow:0 0 30px #7dd3fccc,0 0 60px #7dd3fc80,0 0 80px #f953c666,0 0 100px #60a5fa33}}@keyframes customCodeGlitch1{0%,to{-webkit-clip-path:polygon(0 40%,100% 40%,100% 60%,0 60%);clip-path:polygon(0 40%,100% 40%,100% 60%,0 60%)}25%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 30%,0 30%);clip-path:polygon(0 20%,100% 20%,100% 30%,0 30%)}50%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%);clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}75%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 70%,0 70%);clip-path:polygon(0 50%,100% 50%,100% 70%,0 70%)}}@keyframes customCodeGlitch2{0%,to{-webkit-clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%);clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%)}33%{-webkit-clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%);clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%)}66%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 90%,0 90%);clip-path:polygon(0 80%,100% 80%,100% 90%,0 90%)}}.logo-canvas,.matrix-rain-canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.logo-canvas,.matrix-rain-canvas{z-index:1}.dev-containers{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.dev-container{-webkit-backdrop-filter:blur(1px) saturate(1.8) brightness(1.1);backdrop-filter:blur(1px) saturate(1.8) brightness(1.1);background:#1e293bfa;border:3px solid #7dd3fc;border-radius:12px;box-shadow:0 25px 100px #0f172ae6,0 0 60px #7dd3fccc,inset 0 3px 0 #7dd3fc66,0 0 0 2px #7dd3fc99,0 0 80px #f953c64d;color:#e2e8f0;filter:blur(0) brightness(1.4) contrast(1.5) saturate(1.2);font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-size:14px;opacity:0;padding:16px;position:absolute;transition:opacity .3s ease,transform .3s ease}.dynamic-container{animation:dynamicContainerAppear .4s ease-out forwards;opacity:1}@keyframes dynamicContainerAppear{0%{filter:blur(3px) brightness(.8);opacity:0;transform:scale(.85) translateY(15px)}50%{filter:blur(1px) brightness(1.1);opacity:.7;transform:scale(.95) translateY(5px)}to{filter:blur(0) brightness(1.4) contrast(1.5) saturate(1.2);opacity:1;transform:scale(1) translateY(0)}}.container-header{border-bottom:2px solid #7dd3fccc;color:#e2e8f0f2;font-size:13px;font-weight:700;margin-bottom:8px;padding-bottom:4px;text-shadow:0 0 15px #7dd3fcb3,0 0 30px #f953c666}.form-container{background:linear-gradient(135deg,#1e293bfa,#334155f2);border:3px solid #7dd3fccc;box-shadow:0 16px 64px #0f172ae6,0 0 60px #7dd3fc66,inset 0 3px 0 #7dd3fc33,0 0 0 1px #f953c64d;height:160px;width:220px}.form-container:before{background:linear-gradient(90deg,#0000,#7dd3fc,#f953c6cc,#7dd3fc,#0000);border-radius:12px 12px 0 0;box-shadow:0 0 10px #7dd3fc80;content:"";height:3px;left:0;position:absolute;right:0;top:0}.form-field{margin:8px 0;position:relative}.form-field label{color:#e2e8f0cc;display:block;font-size:9px;font-weight:500;margin-bottom:4px}.form-field input{background:#1e293b80;border:1px solid #7dd3fc4d;border-radius:6px;box-shadow:inset 0 1px 3px #0f172a4d;color:#7dd3fce6;font-size:10px;padding:6px 8px;transition:all .2s ease;width:100%}.form-field input:focus{border-color:#7dd3fccc;box-shadow:0 0 8px #7dd3fc4d}.submit-btn{background:linear-gradient(135deg,#7dd3fc4d,#f953c633);border:1px solid #7dd3fc99;border-radius:6px;color:#e2e8f0e6;cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.5px;margin-top:12px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.tree-container{background:linear-gradient(135deg,#010409b3,#0d111799);border:1px solid #ffb86c40;box-shadow:0 10px 40px #00000080,0 0 25px #f953c61a,inset 0 1px 0 #f953c614;height:180px;width:200px}.tree-container:before{background:linear-gradient(90deg,#0000,#f953c699,#7dd3fc66,#0000);border-radius:12px 12px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.tree-item{align-items:center;border-radius:4px;color:#e2e8f0cc;display:flex;font-size:10px;margin:4px 0;padding:2px 4px;transition:background-color .2s ease}.tree-item:hover{background-color:#7dd3fc1a}.tree-item.indent{color:#7dd3fce6;font-weight:500;margin-left:20px}.tree-item:before{background:#f953c699;border-radius:50%;content:"";display:inline-block;height:4px;margin-right:8px;width:4px}.mobile-container{background:linear-gradient(135deg,#1e293bb3,#33415599);border:2px solid #7dd3fc40;border-radius:20px;box-shadow:0 15px 50px #0f172a99,0 0 30px #7dd3fc1f,inset 0 1px 0 #7dd3fc14;height:240px;overflow:hidden;width:180px}.mobile-container:before{background:#7dd3fc4d;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:40px}.mobile-header{background:linear-gradient(135deg,#1e293be6,#334155cc);border-bottom:1px solid #7dd3fc33;border-radius:18px 18px 0 0;padding:12px 8px 8px;text-align:center}.status-bar{align-items:center;color:#e2e8f0e6;display:flex;font-size:8px;justify-content:space-between;margin-bottom:8px}.app-title{color:#7dd3fce6;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.card,.mobile-content{padding:12px}.card{background:linear-gradient(135deg,#7dd3fc26,#60a5fa0d);border:1px solid #7dd3fc66;border-radius:8px;color:#7dd3fce6;font-size:10px;font-weight:600;letter-spacing:.5px;margin:8px 0;text-align:center;text-transform:uppercase;transition:all .2s ease}.card:hover{background:linear-gradient(135deg,#7dd3fc40,#60a5fa1a);transform:translateY(-1px)}.cloud-container{background:linear-gradient(135deg,#1e293bb3,#33415599);border:1px solid #f953c640;box-shadow:0 10px 40px #0f172a80,0 0 25px #f953c61a,inset 0 1px 0 #f953c614;height:150px;width:240px}.cloud-container:before{background:linear-gradient(90deg,#0000,#f953c699,#7dd3fc66,#0000);border-radius:12px 12px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.cloud-item{align-items:center;border-radius:4px;color:#e2e8f0cc;display:flex;font-size:10px;margin:6px 0;padding:4px 8px;position:relative;transition:all .2s ease}.cloud-item:before{animation:customCodePulse 2s infinite;background:#f953c6cc;border-radius:50%;content:"";height:6px;margin-right:10px;width:6px}.cloud-item:nth-child(2n):before{animation-delay:.5s;background:#7dd3fccc}.cloud-item:hover{background-color:#7dd3fc1a;color:#7dd3fce6}@keyframes customCodePulse{0%,to{box-shadow:0 0 5px #f953c64d;opacity:.5;transform:scale(1)}50%{box-shadow:0 0 10px #f953c699;opacity:1;transform:scale(1.2)}}.editor-container{background:linear-gradient(135deg,#010409bf,#0d1117b3);border:1px solid #79c0ff40;box-shadow:0 10px 40px #00000080,0 0 25px #79c0ff1a,inset 0 1px 0 #79c0ff14;height:140px;width:280px}.editor-container:before{background:linear-gradient(90deg,#0000,#79c0ff99,#0000);border-radius:12px 12px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.editor-container .container-header{align-items:center;color:#79c0ffe6;display:flex;justify-content:space-between;margin-bottom:10px}.editor-container .container-header:after{content:"⚫🟡🟢";font-size:8px}.code-line{border-radius:3px;color:#e2e8f0cc;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:9px;line-height:1.4;margin:3px 0;padding:2px 4px;transition:background-color .2s ease}.code-line:hover{background-color:#7dd3fc0d}.keyword{color:#f953c6e6;font-weight:600}.function{color:#7dd3fce6}.function,.tag{font-weight:500}.tag{color:#60a5fae6}.string{color:#a8a2ffe6}.comment{color:#e2e8f066;font-style:italic}.api-container{background:linear-gradient(135deg,#1e293bb3,#33415599);border:1px solid #f953c640;box-shadow:0 10px 40px #0f172a80,0 0 25px #f953c61a,inset 0 1px 0 #f953c614;height:130px;width:220px}.api-container:before{background:linear-gradient(90deg,#0000,#f953c699,#7dd3fc66,#0000);border-radius:12px 12px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.api-endpoint{align-items:center;border-left:3px solid #0000;border-radius:4px;display:flex;font-size:9px;margin:6px 0;padding:4px 6px;transition:all .2s ease}.api-endpoint:hover{background-color:#7dd3fc1a;border-left-color:#f953c680}.method{border-radius:4px;box-shadow:0 2px 4px #0000004d;font-size:8px;font-weight:700;letter-spacing:.5px;margin-right:10px;min-width:45px;padding:3px 8px;text-align:center;text-transform:uppercase}.method.get{background:linear-gradient(135deg,#4caf5066,#4caf5033);border:1px solid #4caf5099;color:#4caf50}.method.post{background:linear-gradient(135deg,#2196f366,#2196f333);border:1px solid #2196f399;color:#2196f3}.method.put{background:linear-gradient(135deg,#ff980066,#ff980033);border:1px solid #ff980099;color:#ff9800}.method.delete{background:linear-gradient(135deg,#f4433666,#f4433633);border:1px solid #f4433699;color:#f44336}.api-endpoint .endpoint-path{color:#ffffffe6;font-family:Fira Code,monospace;font-weight:500}@keyframes slideRandomPath1{0%{opacity:0;transform:translate(0) rotate(0deg)}8%{opacity:.9}20%{transform:translate(30vw,-10vh) rotate(5deg)}40%{transform:translate(60vw,20vh) rotate(-3deg)}60%{transform:translate(90vw,-5vh) rotate(8deg)}80%{transform:translate(110vw,15vh) rotate(-2deg)}92%{opacity:.9}to{opacity:0;transform:translate(130vw) rotate(0deg)}}@keyframes slideRandomPath2{0%{opacity:0;transform:translate(0) rotate(0deg)}8%{opacity:.9}15%{transform:translate(-20vw,15vh) rotate(-4deg)}35%{transform:translate(-50vw,-10vh) rotate(6deg)}55%{transform:translate(-80vw,25vh) rotate(-7deg)}75%{transform:translate(-110vw,5vh) rotate(3deg)}92%{opacity:.9}to{opacity:0;transform:translate(-130vw) rotate(0deg)}}@keyframes slideRandomPath3{0%{opacity:0;transform:translate(0) rotate(0deg)}5%{opacity:.7}18%{transform:translate(-25vw,-20vh) rotate(7deg)}36%{transform:translate(-55vw,10vh) rotate(-5deg)}54%{transform:translate(-85vw,-15vh) rotate(9deg)}72%{transform:translate(-115vw,20vh) rotate(-4deg)}90%{transform:translate(-135vw,-5vh) rotate(2deg)}95%{opacity:.7}to{opacity:0;transform:translate(-150vw) rotate(0deg)}}@keyframes slideRandomPath4{0%{opacity:0;transform:translate(0) rotate(0deg)}5%{opacity:.7}12%{transform:translate(20vw,25vh) rotate(-6deg)}28%{transform:translate(45vw,-20vh) rotate(8deg)}44%{transform:translate(70vw,30vh) rotate(-3deg)}60%{transform:translate(95vw,-10vh) rotate(5deg)}76%{transform:translate(120vw,20vh) rotate(-7deg)}92%{transform:translate(140vw,-5vh) rotate(2deg)}95%{opacity:.7}to{opacity:0;transform:translate(150vw) rotate(0deg)}}@keyframes slideRandomPath5{0%{opacity:0;transform:translate(0) rotate(0deg)}5%{opacity:.7}16%{transform:translate(35vw,-25vh) rotate(4deg)}32%{transform:translate(65vw,15vh) rotate(-8deg)}48%{transform:translate(95vw,-30vh) rotate(6deg)}64%{transform:translate(125vw,10vh) rotate(-3deg)}80%{transform:translate(145vw,-15vh) rotate(7deg)}95%{opacity:.7}to{opacity:0;transform:translate(160vw) rotate(0deg)}}@keyframes slideRandomPath6{0%{opacity:0;transform:translate(0) rotate(0deg)}5%{opacity:.7}14%{transform:translate(-30vw,18vh) rotate(-5deg)}30%{transform:translate(-60vw,-22vh) rotate(7deg)}46%{transform:translate(-90vw,12vh) rotate(-9deg)}62%{transform:translate(-120vw,-8vh) rotate(4deg)}78%{transform:translate(-145vw,25vh) rotate(-6deg)}94%{transform:translate(-165vw,-10vh) rotate(3deg)}95%{opacity:.7}to{opacity:0;transform:translate(-180vw) rotate(0deg)}}@keyframes slideRightToLeft{0%{opacity:0;transform:translateX(0)}10%{opacity:.7}50%{opacity:.7;transform:translateX(calc(100vw + 300px))}90%{opacity:.7}to{opacity:0;transform:translateX(calc(100vw + 300px))}}@keyframes slideLeftToRight{0%{opacity:0;transform:translateX(0)}10%{opacity:.7}50%{opacity:.7;transform:translateX(calc(-100vw - 300px))}90%{opacity:.7}to{opacity:0;transform:translateX(calc(-100vw - 300px))}}.matrix-text-overlay{animation:fadeInTextDelayed 4s cubic-bezier(.25,.46,.45,.94) forwards;color:silver;font-family:Exo\ 2,Orbitron,Rajdhani,Play,sans-serif;font-size:clamp(1.5em,5vw,3em);font-weight:700;left:50%;letter-spacing:.1em;opacity:0;padding:20px;position:fixed;text-shadow:0 0 10px #888,0 0 20px #666,0 0 30px #444;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);width:auto}@keyframes fadeInText{to{opacity:1;transform:translateY(calc(-50% - 5vh))}}@keyframes fadeInTextDelayed{0%,70%{filter:brightness(.3);opacity:0;text-shadow:0 0 5px #888,0 0 10px #666,0 0 15px #444;transform:translate(-50%,calc(-50% + 20px)) scale(.9)}75%{filter:brightness(.5);opacity:.2;text-shadow:0 0 8px #888,0 0 16px #666,0 0 24px #444;transform:translate(-50%,calc(-50% + 15px)) scale(.92)}85%{filter:brightness(.8);opacity:.6;text-shadow:0 0 10px #888,0 0 18px #666,0 0 28px #444;transform:translate(-50%,calc(-50% + 8px)) scale(.96)}95%{filter:brightness(1.1);opacity:.9;text-shadow:0 0 12px #888,0 0 20px #666,0 0 30px #444;transform:translate(-50%,calc(-50% + 2px)) scale(.98)}to{filter:brightness(1);opacity:1;text-shadow:0 0 10px #888,0 0 20px #666,0 0 30px #444;transform:translate(-50%,-50%) scale(1)}}.terminal-text{color:#0f0;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;font-size:16px;line-height:1.6;margin:0;max-width:100%;padding:20px;text-align:left;text-shadow:0 0 10px #00ff0080;white-space:pre-wrap}.cursor{animation:blink-caret .75s step-end infinite;color:#0f0;font-weight:700}@keyframes blink-caret{0%,to{visibility:hidden}50%{visibility:visible}}.click-prompt{animation:pulseGlow 2s ease-in-out infinite alternate;color:#ffffffb3;font-family:Share Tech Mono,"monospace",Courier New,Courier,monospace;font-size:1em;left:50%;margin:0;opacity:1;padding:10px 20px;position:fixed;text-align:center;text-shadow:0 0 8px #ffffff4d;top:calc(50% + 3.5em);transform:translate(-50%);white-space:nowrap;width:auto;z-index:20}@keyframes pulseGlow{0%{color:#fff9;text-shadow:0 0 8px #ffffff4d}to{color:#fffc;text-shadow:0 0 15px #fff9,0 0 25px #ffffff4d}}.matrix-stage{animation:matrixStageKick 2.5s cubic-bezier(.25,.46,.45,.94) forwards;background:radial-gradient(ellipse at center,#001e3c0d 0,#000000bf 70%);height:100%;opacity:0;overflow:hidden;position:relative;width:100%}@keyframes matrixStageKick{0%{filter:blur(20px) brightness(.1) contrast(2);opacity:0;transform:scale(.8) rotate(-2deg)}15%{filter:blur(8px) brightness(.6) contrast(1.5);opacity:.4;transform:scale(1.3) rotate(1deg)}30%{filter:blur(4px) brightness(.8) contrast(1.2);opacity:.7;transform:scale(.9) rotate(-.5deg)}50%{filter:blur(1px) brightness(1.1) contrast(1.1);opacity:.9;transform:scale(1.05) rotate(.3deg)}70%{filter:blur(.5px) brightness(1) contrast(1);opacity:1;transform:scale(.98) rotate(-.1deg)}85%{filter:blur(0) brightness(1) contrast(1);opacity:1;transform:scale(1.01) rotate(0deg)}to{filter:blur(0) brightness(1) contrast(1);opacity:1;transform:scale(1) rotate(0deg)}}.bottom-logo-container{bottom:70px;left:50%;opacity:.8;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:0}.matrix-text-overlay.access-granted{animation:accessGlitch .7s linear 1,fadeInText 2s ease-out forwards;animation:accessGlitch .7s linear 1;color:#0f9;left:50%!important;margin:0!important;opacity:1;padding:20px!important;position:fixed!important;text-align:center!important;text-shadow:0 0 10px #0f9,0 0 20px #0f9;top:50%!important;transform:translateX(-50%) translateY(-50%)!important;width:auto!important;z-index:10!important}@keyframes accessGlitch{0%{filter:brightness(2) blur(.5px);transform:translateY(calc(-50% - 5vh)) scaleX(1.05)}20%{filter:brightness(1.5) blur(1px);transform:translateY(calc(-50% - 5vh + 2px)) scaleX(.98)}40%{filter:brightness(2.5) blur(.5px);transform:translateY(calc(-50% - 5vh - 2px)) scaleX(1.1)}60%{filter:brightness(1.2) blur(.5px);transform:translateY(calc(-50% - 5vh + 1px)) scaleX(1.02)}80%{filter:brightness(2) blur(.5px);transform:translateY(calc(-50% - 5vh - 1px)) scaleX(.97)}to{filter:brightness(1) blur(0);transform:translateY(calc(-50% - 5vh))}}.database-container{background:linear-gradient(135deg,#0d1117cc,#1e1428b3);border:1px solid #8b451366;box-shadow:0 10px 40px #0009,0 0 25px #8b451326,inset 0 1px 0 #8b45131a;height:170px;width:260px}.database-container:before{background:linear-gradient(90deg,#0000,#8b451399,#0000);border-radius:12px 12px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.db-query{background:#8b45131a;border-left:2px solid #ffd7004d;color:#ffd700e6;padding:2px 4px}.db-query,.db-result{border-radius:3px;font-family:Fira Code,SF Mono,monospace;font-size:9px;line-height:1.3;margin:4px 0}.db-result{color:#90ee90e6;padding:2px 4px 2px 12px}.db-result.success{color:#00ff96e6}.db-performance{color:#ffa500e6}.db-performance,.db-status{border-radius:3px;font-family:Fira Code,SF Mono,monospace;font-size:9px;line-height:1.3;margin:4px 0;padding:2px 4px 2px 12px}.db-status{color:#add8e6e6}.db-status.info{color:#64c8ffe6}.db-performance:hover,.db-query:hover,.db-result:hover,.db-status:hover{background-color:#8b451326}.dashboard-container{background:linear-gradient(135deg,#191e23e6,#232d37cc);border:1px solid #22c55e4d;box-shadow:0 12px 48px #000000b3,0 0 30px #22c55e26,inset 0 1px 0 #22c55e1a;height:180px;width:240px}.dashboard-container:before{background:linear-gradient(90deg,#0000,#22c55e99,#0000);border-radius:12px 12px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.dashboard-metric{align-items:center;color:#ffffffe6;display:flex;font-size:10px;padding:2px 0}.dashboard-metric.success{color:#22c55ee6}.metrics-container{background:linear-gradient(135deg,#1e1428e6,#2d1937cc);border:1px solid #a855f74d;box-shadow:0 12px 48px #000000b3,0 0 30px #a855f726,inset 0 1px 0 #a855f71a;height:160px;width:220px}.metrics-container:before{background:linear-gradient(90deg,#0000,#a855f799,#0000);border-radius:12px 12px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.metric-item{align-items:center;color:#ffffffe6;display:flex;font-size:10px;padding:2px 0}.metric-item.warning{color:#fbbf24e6}.security-container{background:linear-gradient(135deg,#281414e6,#371919cc);border:1px solid #ef44444d;box-shadow:0 12px 48px #000000b3,0 0 30px #ef444426,inset 0 1px 0 #ef44441a;height:170px;width:230px}.security-container:before{background:linear-gradient(90deg,#0000,#ef444499,#0000);border-radius:12px 12px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.security-item{align-items:center;color:#ffffffe6;display:flex;font-size:10px;padding:2px 0}.security-item.success{color:#22c55ee6}.matrix-stage .warp-effect{animation:matrixWarpPulse 3s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#00ff4114 0,#00d8ff0a 20%,#0000 40%);background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#00ff4114 0,#00d8ff0a 20%,#0000 40%);filter:blur(1px);height:100%;left:0;opacity:.7;pointer-events:none;position:absolute;top:0;width:100%;z-index:4}@keyframes matrixWarpPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.matrix-stage .warp-distortion{background:radial-gradient(circle 150px at 50% 50%,hsla(0,0%,100%,.015) 0,#00ff4105 30%,#0000 60%);background:radial-gradient(circle 150px at var(--mouse-x,50%) var(--mouse-y,50%),hsla(0,0%,100%,.015) 0,#00ff4105 30%,#0000 60%);transform:translate(0);transform:translate(var(--offset-x,0),var(--offset-y,0));transition:transform .1s ease-out;z-index:4}.matrix-stage .warp-distortion,.matrix-stage .warp-layer-1{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.matrix-stage .warp-layer-1{background:radial-gradient(circle 200px at 50% 50%,#00d8ff08 0,rgba(0,255,65,.015) 40%,#0000 70%);background:radial-gradient(circle 200px at var(--mouse-x,50%) var(--mouse-y,50%),#00d8ff08 0,rgba(0,255,65,.015) 40%,#0000 70%);transform:scale(1.05) translate(0,0);transform:scale(1.05) translate(calc(var(--offset-x, 0)*.3),calc(var(--offset-y, 0)*.3));transition:transform .2s ease-out;z-index:1}.matrix-stage .warp-layer-2{background:radial-gradient(circle 300px at 50% 50%,rgba(0,255,65,.015) 0,rgba(0,216,255,.008) 50%,#0000 80%);background:radial-gradient(circle 300px at var(--mouse-x,50%) var(--mouse-y,50%),rgba(0,255,65,.015) 0,rgba(0,216,255,.008) 50%,#0000 80%);height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:scale(1.1) translate(0,0);transform:scale(1.1) translate(calc(var(--offset-x, 0)*-.2),calc(var(--offset-y, 0)*-.2));transition:transform .3s ease-out;width:100%;z-index:0}.code-logo,.creating-digital-architecture{font-family:Exo\ 2,Orbitron,Rajdhani,Play,sans-serif!important;letter-spacing:.1em}.matrix-text-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-radius:0;color:silver!important;font-family:Exo\ 2,Orbitron,Rajdhani,Play,sans-serif!important;font-size:clamp(1.5em,5vw,3em)!important;font-weight:700!important;letter-spacing:.1em!important;margin:0;opacity:1!important;padding:24px 32px;text-align:center;text-shadow:0 0 10px #888,0 0 20px #666,0 0 30px #444!important;text-transform:uppercase!important;white-space:nowrap;z-index:15}.code-logo,.logo-container{position:relative}.logo-container{align-items:center;display:flex;justify-content:center}.logo-text-container{position:relative;z-index:3}.logo-text-glitch{color:#666;font-family:Orbitron,Exo\ 2,Saira,Rajdhani,Play,sans-serif;font-weight:700;letter-spacing:.1em;margin:0;position:relative;text-shadow:0 0 5px #888}.code-logo.small .logo-text-glitch{font-size:clamp(.8em,2.5vw,1.2em)}.code-logo.medium .logo-text-glitch{font-size:clamp(1.2em,3.5vw,1.8em)}.code-logo.large .logo-text-glitch{font-size:clamp(1.5em,4vw,2.5em)}.code-logo.header-logo .logo-text-glitch{color:#e2e8f0;font-size:clamp(2em,5vw,3.5em);text-shadow:0 0 5px #cbd5e1}.code-logo.header-logo .logo-text-glitch:before{text-shadow:-2px 0 #60a5fa}.code-logo.header-logo .logo-text-glitch:after{text-shadow:-2px 0 #93c5fd}.code-logo.side-menu-logo .logo-text-glitch{color:#e2e8f0;text-shadow:0 0 5px #cbd5e1}.code-logo.side-menu-logo .logo-text-glitch:before{text-shadow:-2px 0 #60a5fa}.code-logo.side-menu-logo .logo-text-glitch:after{text-shadow:-2px 0 #93c5fd}.logo-text-glitch:after,.logo-text-glitch:before{content:attr(data-text);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.logo-text-glitch:before{animation:glitch-top-logo 2s linear infinite reverse;left:2px;text-shadow:-2px 0 #be93e4}.logo-text-glitch:after{animation:glitch-bottom-logo 3s linear infinite;left:-2px;text-shadow:-2px 0 #fff}@keyframes glitch-top-logo{0%,to{-webkit-clip-path:polygon(0 45%,100% 45%,100% 55%,0 55%);clip-path:polygon(0 45%,100% 45%,100% 55%,0 55%)}10%{-webkit-clip-path:polygon(0 25%,100% 25%,100% 35%,0 35%);clip-path:polygon(0 25%,100% 25%,100% 35%,0 35%)}20%{-webkit-clip-path:polygon(0 65%,100% 65%,100% 75%,0 75%);clip-path:polygon(0 65%,100% 65%,100% 75%,0 75%)}30%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 50%,0 50%);clip-path:polygon(0 40%,100% 40%,100% 50%,0 50%)}40%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 90%,0 90%);clip-path:polygon(0 80%,100% 80%,100% 90%,0 90%)}50%{-webkit-clip-path:polygon(0 15%,100% 15%,100% 25%,0 25%);clip-path:polygon(0 15%,100% 15%,100% 25%,0 25%)}60%{-webkit-clip-path:polygon(0 55%,100% 55%,100% 65%,0 65%);clip-path:polygon(0 55%,100% 55%,100% 65%,0 65%)}70%{-webkit-clip-path:polygon(0 5%,100% 5%,100% 15%,0 15%);clip-path:polygon(0 5%,100% 5%,100% 15%,0 15%)}80%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%);clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}90%{-webkit-clip-path:polygon(0 30%,100% 30%,100% 40%,0 40%);clip-path:polygon(0 30%,100% 30%,100% 40%,0 40%)}}@keyframes glitch-bottom-logo{0%,to{-webkit-clip-path:polygon(0 60%,100% 60%,100% 70%,0 70%);clip-path:polygon(0 60%,100% 60%,100% 70%,0 70%)}15%{-webkit-clip-path:polygon(0 85%,100% 85%,100% 95%,0 95%);clip-path:polygon(0 85%,100% 85%,100% 95%,0 95%)}30%{-webkit-clip-path:polygon(0 40%,100% 40%,100% 50%,0 50%);clip-path:polygon(0 40%,100% 40%,100% 50%,0 50%)}45%{-webkit-clip-path:polygon(0 75%,100% 75%,100% 85%,0 85%);clip-path:polygon(0 75%,100% 75%,100% 85%,0 85%)}60%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 30%,0 30%);clip-path:polygon(0 20%,100% 20%,100% 30%,0 30%)}75%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 60%,0 60%);clip-path:polygon(0 50%,100% 50%,100% 60%,0 60%)}90%{-webkit-clip-path:polygon(0 5%,100% 5%,100% 15%,0 15%);clip-path:polygon(0 5%,100% 5%,100% 15%,0 15%)}}.logo-text-glitch:hover{animation:accessGlitch-logo .7s linear 1;color:#0f9;text-shadow:0 0 10px #0f9,0 0 20px #0f9}@keyframes accessGlitch-logo{0%{filter:brightness(2) blur(.5px);transform:scaleX(1.05)}20%{filter:brightness(1.5) blur(1px);transform:scaleX(.98)}40%{filter:brightness(2.5) blur(.5px);transform:scaleX(1.1)}60%{filter:brightness(1.2) blur(.5px);transform:scaleX(1.02)}80%{filter:brightness(2) blur(.5px);transform:scaleX(.97)}to{filter:brightness(1) blur(0);transform:scaleX(1)}}.code-logo.intro-logo .logo-text-glitch{color:#666;font-size:clamp(.6rem,1.5vw,1.05em);text-shadow:0 0 8px #888}.code-logo.intro-logo .logo-container{flex-direction:column;gap:1rem;text-align:center}.code-logo.intro-logo .logo-text-glitch{animation:logoFloat 3s ease-in-out infinite;color:silver;font-family:Exo\ 2,Orbitron,Rajdhani,Play,sans-serif;font-weight:900;letter-spacing:.15em;text-shadow:0 0 10px #888,0 0 20px #666,0 0 30px #444;text-transform:uppercase}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}@media (max-width:768px){.logo-text-glitch{letter-spacing:.05em}.code-logo.large .logo-text-glitch{font-size:clamp(1.2em,3.5vw,2em)}.code-logo.intro-logo .logo-text-glitch{font-size:clamp(.45rem,1.2vw,.75em)}}.main-website{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);min-height:100vh;opacity:0;position:relative;transform:translateY(20px);transition:all 1s ease-out}.main-website.loaded{opacity:1;transform:translateY(0)}.main-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-bottom:1px solid #00d8ff33;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:100}.main-nav,.nav-brand{align-items:center;display:flex}.nav-brand{gap:1rem}.brand-text{color:#00d8ff;font-family:"monospace",Courier New,Courier,monospace;font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:2rem}.nav-link{background:none;border:none;border-radius:4px;color:#ccc;cursor:pointer;font-family:"monospace",Courier New,Courier,monospace;font-size:1rem;padding:.5rem 1rem;transition:all .3s ease}.nav-link:hover{background:#00d8ff1a;color:#00d8ff}.nav-link.active{background:#00d8ff33;color:#00d8ff}.main-content{min-height:calc(100vh - 5rem);padding-top:5rem}.content-section{margin:0 auto;max-width:1200px;padding:2rem}.hero-section{padding:4rem 0;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-logo{margin-bottom:2rem}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00d8ff,#09c);-webkit-background-clip:text;background-clip:text;font-family:"monospace",Courier New,Courier,monospace;font-size:3.5rem;margin-bottom:1rem}.hero-subtitle{color:#ccc;font-size:1.3rem;line-height:1.6;margin-bottom:3rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{border:none;border-radius:8px;cursor:pointer;font-family:"monospace",Courier New,Courier,monospace;font-size:1rem;font-weight:700;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:linear-gradient(45deg,#00d8ff,#09c);box-shadow:0 4px 15px #00d8ff4d;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #00d8ff66;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #00d8ff;color:#00d8ff}.btn-secondary:hover{background:#00d8ff;color:#000;transform:translateY(-2px)}.about-section{padding:2rem 0}.section-title{color:#00d8ff;font-family:"monospace",Courier New,Courier,monospace;font-size:2.5rem;margin-bottom:3rem;text-align:center}.feature-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.feature-card{background:#00d8ff0d;border:1px solid #00d8ff33;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{background:#00d8ff1a;border-color:#00d8ff66;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#00d8ff;font-family:"monospace",Courier New,Courier,monospace;margin-bottom:1rem}.feature-card p{color:#ccc;line-height:1.6}.system-section{padding:2rem 0}.system-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.info-card{background:#00d8ff0d;border:1px solid #00d8ff33;border-radius:12px;padding:2rem;transition:all .3s ease}.info-card:hover{border-color:#00d8ff66;transform:translateY(-3px)}.info-card h3{color:#00d8ff;font-size:1.2rem;margin-bottom:1rem}.info-card h3,.info-details p{font-family:"monospace",Courier New,Courier,monospace}.info-details p{color:#ccc;margin-bottom:.5rem}.info-details strong{color:#00d8ff}.no-data{font-style:italic;margin-top:2rem}.main-footer,.no-data{color:#666;text-align:center}.main-footer{background:#000c;border-top:1px solid #00d8ff33;font-family:"monospace",Courier New,Courier,monospace;padding:2rem}.bg-animation{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.floating-particles{height:100%;position:relative;width:100%}.particle{animation:float linear infinite;background:#00d8ff;border-radius:50%;height:2px;opacity:.6;position:absolute;width:2px}@keyframes float{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}@media (max-width:768px){.main-nav{flex-direction:column;gap:1rem;padding:1rem}.nav-links{gap:1rem}.main-content{padding-top:8rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.content-section{padding:1rem}.feature-grid,.system-info-grid{grid-template-columns:1fr}.hero-buttons{align-items:center;flex-direction:column}.btn{max-width:300px;width:100%}}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;overflow-x:hidden}.App{min-height:100vh;position:relative}.code-logo{align-items:center;display:flex;justify-content:center}.code-logo canvas{filter:drop-shadow(0 0 10px rgba(0,216,255,.5))}
/*# sourceMappingURL=main.f9844ac4.css.map*/