*{margin:0;padding:0;box-sizing:border-box}:root{--white: #0a0f0a;--green: #00ff41;--green-dark: #00cc33;--font-header: "Bruno Ace SC", "Press Start 2P", cursive;--font-terminal: "Press Start 2P", cursive;--font-body: "Space Mono", monospace}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);background-color:var(--white);color:var(--green);perspective:2000px}.app-container{width:100%;height:100%;position:relative;transform-style:preserve-3d}.page{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;transform-style:preserve-3d;background-color:var(--white);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-section{background-color:var(--white);display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}.terminal-container{background-color:var(--white);border:4px solid var(--green);padding:clamp(20px,4vw,50px);width:clamp(300px,85vw,900px);position:relative;max-height:90vh;overflow-y:auto}.terminal-header{color:var(--green);font-family:var(--font-terminal);font-size:clamp(10px,1.5vw,16px);margin-bottom:clamp(15px,2vw,30px);border-bottom:2px solid var(--green);padding-bottom:clamp(10px,1.5vw,15px)}.terminal-body{color:var(--green)}.typing-text{font-family:var(--font-terminal);font-size:clamp(18px,3.5vw,42px);margin-bottom:clamp(20px,3vw,40px);min-height:clamp(30px,5vw,60px);display:flex;align-items:center;white-space:nowrap}.dizzy-effect{animation:dizzy 1.6s ease-in-out infinite alternate}@keyframes dizzy{0%{text-shadow:2px 0 var(--green),-2px 0 var(--green-dark);transform:translate(0)}25%{text-shadow:-2px 0 var(--green),2px 0 var(--green-dark);transform:translate(1px)}50%{text-shadow:2px 2px var(--green),-2px -2px var(--green-dark);transform:translate(-1px)}75%{text-shadow:-1px 2px var(--green),1px -2px var(--green-dark);transform:translate(1px)}to{text-shadow:1px -1px var(--green),-1px 1px var(--green-dark);transform:translate(0)}}.cursor{display:inline-block;width:clamp(10px,1.5vw,18px);height:clamp(18px,3vw,36px);background-color:var(--green);animation:blink .7s step-end infinite;margin-left:5px}@keyframes blink{50%{opacity:0}}.commands-list{margin:clamp(20px,3vw,40px) 0;font-family:var(--font-body);font-size:clamp(12px,1.8vw,18px);line-height:2}.commands-list p{margin:6px 0}.commands-label{font-family:var(--font-body);font-size:clamp(12px,1.8vw,18px);font-weight:700;margin-bottom:10px}.command-item{font-family:var(--font-body);font-size:clamp(12px,1.8vw,18px);font-weight:700}.command-name{color:var(--green);cursor:pointer;font-weight:700}.commands-description{color:var(--green);opacity:.7;font-weight:700}.input-line{display:flex;align-items:center;font-family:var(--font-body);font-size:clamp(12px,1.8vw,18px);position:relative}.prompt{color:var(--green);margin-right:10px;font-weight:700;font-size:clamp(12px,1.8vw,18px)}.command-input-container{position:relative;display:flex;flex:1;min-width:0}.command-input{background:transparent;border:none;color:var(--green);font-family:var(--font-body);font-size:clamp(12px,1.8vw,18px);outline:none;width:100%;min-width:120px;caret-color:var(--green);position:relative;z-index:2}.command-input::placeholder{color:var(--green);opacity:.5}.autocomplete{position:absolute;top:0;left:0;color:var(--green);opacity:.3;pointer-events:none;font-family:var(--font-body);font-size:clamp(12px,1.8vw,18px);white-space:pre;z-index:1}.page-container{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.page-container.flipped{transform:rotateY(180deg);transform-origin:center center}.showroom-page{flex-direction:row;gap:clamp(30px,5vw,80px);padding:clamp(30px,5vw,60px);background-color:var(--white)}.showroom-image{flex:1;display:flex;align-items:center;justify-content:center}.showroom-image img{max-width:100%;max-height:60vh;object-fit:cover;border:4px solid var(--green)}.showroom-content{flex:1;display:flex;flex-direction:column;justify-content:center;color:var(--green)}.showroom-content h2{font-family:var(--font-header);font-size:clamp(28px,5vw,72px);margin-bottom:35px}.showroom-content p{font-family:var(--font-body);font-size:clamp(14px,2vw,24px);line-height:1.8}.back-button{position:absolute;bottom:30px;right:30px;background-color:var(--white);border:4px solid var(--green);color:var(--green);font-family:var(--font-body);font-size:clamp(12px,1.5vw,18px);padding:12px 24px;cursor:pointer;transition:all .3s ease}.back-button:hover{background-color:var(--green);color:var(--white)}.contactus-page{flex-direction:column;text-align:center;padding:clamp(30px,5vw,60px);background-color:var(--white)}.contactus-content{display:flex;flex-direction:column;align-items:center;gap:clamp(30px,5vw,50px)}.contactus-content h1{font-family:var(--font-header);font-size:clamp(28px,5vw,64px);color:var(--green)}.contactus-content p{font-family:var(--font-terminal);font-size:clamp(16px,3vw,36px);color:var(--green);word-break:break-all}.contactus-content .book-meeting{font-size:clamp(12px,2vw,24px);opacity:.8}.contactus-content a{color:var(--green);text-decoration:underline}.funfact-page{flex-direction:column;text-align:center;padding:clamp(30px,5vw,60px);background-color:var(--white)}.funfact-content{display:flex;flex-direction:column;align-items:center;gap:clamp(30px,5vw,50px)}.funfact-header{font-family:var(--font-header);font-size:clamp(24px,4vw,56px);color:var(--green)}.funfact-text{font-family:var(--font-body);font-size:clamp(14px,2.5vw,32px);color:var(--green);max-width:800px;line-height:1.8}.refresh-button{background:none;border:none;cursor:pointer;padding:15px;transition:transform .3s ease}.refresh-button:hover{transform:rotate(180deg)}.refresh-button svg{width:clamp(36px,6vw,72px);height:clamp(36px,6vw,72px);fill:var(--green)}.products-page{flex-direction:column;text-align:center;padding:clamp(30px,5vw,60px);background-color:var(--white)}.products-content{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,3vw,30px)}.products-content h1{font-family:var(--font-header);font-size:clamp(40px,8vw,112px);color:var(--green)}.products-content p{font-family:var(--font-body);font-size:clamp(14px,2vw,28px);color:var(--green);opacity:.7}.inner-back-button{position:absolute;bottom:30px;left:50%;transform:translate(-50%) rotateY(180deg);background-color:var(--white);border:4px solid var(--green);color:var(--green);font-family:var(--font-body);font-size:clamp(12px,1.5vw,18px);padding:12px 24px;cursor:pointer;transition:all .3s ease}.inner-back-button:hover{background-color:var(--green);color:var(--white)}@media (max-width: 768px){.terminal-container{padding:clamp(24px,5vw,35px);width:clamp(320px,95vw,500px)}.terminal-header{font-size:clamp(14px,3.5vw,20px);margin-bottom:clamp(20px,4vw,30px)}.typing-text{font-size:clamp(24px,6vw,36px);white-space:normal;word-break:break-word}.commands-list{font-size:clamp(18px,4.5vw,26px);line-height:2.2}.commands-label{font-size:clamp(18px,4.5vw,26px)}.command-item{font-size:clamp(18px,4.5vw,26px);word-break:break-word}.command-name{font-size:clamp(18px,4.5vw,26px)}.showroom-page{flex-direction:column}.showroom-image img{max-height:40vh}.showroom-content h2,.showroom-content p{text-align:center}}.skills-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.skill-tag{padding:6px 14px;border:2px solid var(--green);border-radius:20px;font-family:var(--font-body);font-size:clamp(10px,1.5vw,14px);color:var(--green);background:transparent;transition:all .3s ease}.skill-tag:hover{background:var(--green);color:var(--white)}.showroom-nav-container{display:flex;align-items:center;justify-content:flex-start;gap:20px;margin-top:20px}.showroom-nav-button{background-color:var(--white);border:3px solid var(--green);color:var(--green);font-family:var(--font-terminal);font-size:clamp(16px,2.5vw,24px);padding:10px 20px;cursor:pointer;transition:all .3s ease}.showroom-nav-button:hover{background-color:var(--green);color:var(--white)}.showroom-nav-counter{font-family:var(--font-terminal);font-size:clamp(12px,1.8vw,18px);color:var(--green);opacity:.8}@media (max-width: 768px){.skills-container{justify-content:center}.showroom-nav-container{justify-content:center;margin-bottom:60px}}.showroom-link{display:inline-block;margin-top:20px;margin-bottom:30px;padding:10px 20px;border:3px solid var(--green);color:var(--green);font-family:var(--font-body);font-size:clamp(12px,1.5vw,16px);text-decoration:none;transition:all .3s ease}.showroom-link:hover{background-color:var(--green);color:var(--white)}.showroom-description{margin-bottom:40px!important}.showroom-title-link{color:var(--green);text-decoration:none;transition:all .3s ease}.showroom-title-link:hover{text-decoration:underline;text-underline-offset:8px}.showroom-image a{display:inline-block;transition:transform .3s ease}.showroom-image a:hover{transform:scale(1.02)}.products-tagline{font-family:var(--font-terminal);font-size:clamp(14px,2vw,20px);color:var(--green);opacity:.9;margin-top:10px;margin-bottom:20px;max-width:600px}.products-description{font-family:var(--font-body);font-size:clamp(14px,1.8vw,18px);color:var(--green);line-height:1.8;margin-bottom:40px;max-width:700px}.products-features{display:flex;flex-direction:column;gap:25px;margin-bottom:40px;max-width:600px}.products-feature{padding:20px;border:2px solid var(--green);border-radius:4px}.products-feature h3{font-family:var(--font-body);font-size:clamp(14px,1.8vw,18px);color:var(--green);margin-bottom:10px}.products-feature p{font-family:var(--font-body);font-size:clamp(12px,1.5vw,16px);color:var(--green);opacity:.8;line-height:1.6}.products-cta{margin-bottom:30px}.products-button{display:inline-block;padding:15px 30px;background-color:var(--green);color:var(--white);font-family:var(--font-body);font-size:clamp(14px,1.8vw,18px);text-decoration:none;border:none;transition:all .3s ease}.products-button:hover{background-color:var(--green-dark);transform:translateY(-2px)}.products-tech{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:var(--font-body);font-size:clamp(10px,1.2vw,14px);color:var(--green);opacity:.7}.products-tech-tag{padding:4px 12px;border:1px solid var(--green);border-radius:20px;opacity:.6}@media (max-width: 768px){.showroom-page{overflow-y:auto;overflow-x:hidden;height:100%;padding-bottom:80px}.showroom-content{overflow-y:visible;padding-bottom:20px}.showroom-nav-container{position:relative;margin-top:30px;margin-bottom:40px}.back-button{position:fixed;bottom:20px;right:20px;z-index:100}}.products-box{background-color:var(--white);border:4px solid var(--green);padding:40px;text-align:center;max-width:500px}.products-box h1{font-family:var(--font-header);font-size:clamp(24px,4vw,48px);color:var(--green);margin-bottom:25px}.products-box .products-feature{font-family:var(--font-body);font-size:clamp(14px,2vw,18px);color:var(--green);margin-bottom:15px;line-height:1.4}.products-cta{display:inline-block;margin-top:20px;padding:12px 24px;background-color:var(--green);color:var(--white);font-family:var(--font-body);font-size:clamp(14px,1.8vw,16px);text-decoration:none;transition:all .3s ease}.products-page{display:flex;align-items:center;justify-content:center}.products-box{background-color:var(--white);border:4px solid var(--green);padding:40px;text-align:center;height:33vh;min-height:250px;max-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.products-box h1{font-family:var(--font-header);font-size:clamp(32px,6vw,64px);color:var(--green)}.products-byline{font-family:var(--font-terminal);font-size:clamp(12px,1.5vw,16px);color:var(--green);opacity:.7;margin-top:-10px}.products-cta{display:inline-block;margin-top:10px;padding:12px 24px;background-color:var(--green);color:var(--white);font-family:var(--font-body);font-size:clamp(14px,1.8vw,16px);text-decoration:none;transition:all .3s ease}.products-cta:hover{background-color:var(--green-dark)}.products-page{position:relative;overflow:hidden}.products-box{background-color:var(--white);border:4px solid var(--green);padding:40px;text-align:center;height:33vh;min-height:250px;max-height:400px;width:90%;max-width:600px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;position:relative;z-index:10}.products-box h1{font-family:var(--font-body);font-size:clamp(32px,6vw,64px);color:var(--green);letter-spacing:1px}.products-byline{font-family:var(--font-body);font-size:clamp(12px,1.5vw,16px);color:var(--green);opacity:.7;margin-top:-10px}.products-desc{font-family:var(--font-body);font-size:clamp(14px,2vw,18px);color:var(--green);max-width:400px;line-height:1.5}.products-page{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:100}.products-box{background-color:var(--white);border:4px solid var(--green);padding:40px;text-align:center;height:50vh;min-height:300px;max-height:450px;width:90%;max-width:600px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.products-back-button{position:fixed;bottom:30px;right:30px;z-index:200}
