:root{--neon-blue: #00f3ff;--neon-pink: #ff00ea;--dark-bg: #050505;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--dark-bg);color:var(--text-primary);overflow:hidden}.app-container{width:100vw;height:100vh;position:relative;background-color:#050505;background-size:cover;background-position:center;background-repeat:no-repeat}.canvas-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:transparent}.loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.2rem;color:var(--neon-blue);letter-spacing:2px;text-transform:uppercase}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;display:flex;flex-direction:column}header,.product-info,nav a,.cta-button{pointer-events:auto}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(to bottom,#050505d9,#05050500)}.logo-group{display:flex;align-items:center;gap:.6rem;pointer-events:auto}.logo{filter:drop-shadow(0 0 6px var(--neon-blue))}.logo-paz{height:48px}.logo-archicad{height:42px;border-radius:6px}.logo-divider{color:var(--neon-pink);font-size:.7rem;font-weight:300;opacity:.6;text-shadow:0 0 6px var(--neon-pink)}nav{display:flex;gap:.5rem}nav a{color:var(--text-secondary);text-decoration:none;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;padding:.3rem .8rem;transition:all .3s;border-radius:2px}nav a:hover{color:var(--neon-blue);text-shadow:0 0 8px var(--neon-blue);background:#00f3ff0d}main{flex:1;display:flex;align-items:flex-end;padding:0 2rem 2rem}.product-info{max-width:340px;background:#05050a73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.5rem 1.8rem;border-left:3px solid var(--neon-pink);border-radius:3px;box-shadow:0 10px 30px #0006,-2px 0 15px #ff00ea1a}.product-info h1{font-size:1.6rem;line-height:1.2;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#fff 30%,var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title-accent{font-size:2.2rem;background:linear-gradient(90deg,var(--neon-pink),var(--neon-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.product-info p{color:var(--text-secondary);line-height:1.5;margin-bottom:1.2rem;font-size:.75rem;letter-spacing:.3px}.cta-button{background:transparent;color:var(--neon-pink);border:1px solid var(--neon-pink);padding:.6rem 1.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .25s ease;box-shadow:0 0 12px #ff00ea26 inset;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,0,234,.15),transparent);transition:left .4s ease}.cta-button:hover:before{left:100%}.cta-button:hover{background:var(--neon-pink);color:#fff;transform:scale(1.05);box-shadow:0 0 15px #ff00ea99,0 0 30px #ff00ea4d,0 0 60px #ff00ea26,0 0 12px #ff00ea66 inset;text-shadow:0 0 8px rgba(255,255,255,.5)}.cta-button:active{transform:scale(.97);transition:transform .08s ease}.comic-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:all;display:flex;align-items:center;justify-content:center}.comic-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;animation:flashPulse .5s ease-out forwards}@keyframes flashPulse{0%{opacity:1}40%{opacity:1}to{opacity:.85;background:radial-gradient(circle,#fff,#ffe0f7 40%,#1a0010)}}.comic-words{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;z-index:1}.comic-word{font-family:Impact,Arial Black,Haettenschweiler,sans-serif;font-weight:900;text-transform:uppercase;line-height:1;letter-spacing:.05em;text-shadow:-4px -4px 0 #000,4px -4px 0 #000,-4px 4px 0 #000,4px 4px 0 #000,-6px 0 0 #000,6px 0 0 #000,0 -6px 0 #000,0 6px 0 #000,0 0 20px rgba(255,0,234,.8),0 0 40px rgba(255,0,234,.4);opacity:0;transform:scale(0) rotate(-10deg)}.comic-bim{font-size:clamp(5rem,15vw,12rem);color:#fd0;transform-origin:center center;animation:comicPop .35s cubic-bezier(.175,.885,.32,1.6) .15s forwards;margin-left:-15vw;rotate:-8deg}.comic-bam{font-size:clamp(6rem,18vw,14rem);color:#ff00ea;transform-origin:center center;animation:comicPop .35s cubic-bezier(.175,.885,.32,1.6) .5s forwards;margin-right:-10vw;margin-top:-2rem;rotate:5deg}.comic-boom{font-size:clamp(7rem,22vw,18rem);color:#fff;text-shadow:-5px -5px 0 #000,5px -5px 0 #000,-5px 5px 0 #000,5px 5px 0 #000,-8px 0 0 #000,8px 0 0 #000,0 -8px 0 #000,0 8px 0 #000,0 0 30px rgba(0,243,255,1),0 0 60px rgba(255,0,234,.8),0 0 100px rgba(255,0,234,.4);transform-origin:center center;animation:comicPop .4s cubic-bezier(.175,.885,.32,1.6) .85s forwards,comicShake .1s ease-in-out 1.25s 4;margin-left:-5vw;margin-top:-2.5rem;rotate:-3deg}@keyframes comicPop{0%{opacity:0;transform:scale(0) rotate(-15deg)}70%{opacity:1;transform:scale(1.3) rotate(3deg)}85%{transform:scale(.95) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes comicShake{0%,to{translate:0 0}25%{translate:-8px 4px}50%{translate:6px -6px}75%{translate:-4px 2px}}.panel-toggle{display:none}@keyframes neonPulse{0%{filter:drop-shadow(0 0 4px rgba(255,0,234,.3))}50%{filter:drop-shadow(0 0 18px rgba(255,0,234,.9)) drop-shadow(0 0 30px rgba(0,243,255,.5))}to{filter:drop-shadow(0 0 4px rgba(255,0,234,.3))}}@keyframes neonBorderPulse{0%{box-shadow:0 0 6px #ff00ea33,inset 0 0 4px #ff00ea1a}50%{box-shadow:0 0 20px #ff00eab3,0 0 35px #00f3ff4d,inset 0 0 10px #ff00ea4d}to{box-shadow:0 0 6px #ff00ea33,inset 0 0 4px #ff00ea1a}}@media (max-width: 768px){header{padding:.8rem 1rem;justify-content:center}.logo-group{gap:.3rem}.logo-paz{height:64px}.logo-archicad{height:56px}.logo-divider{font-size:.6rem;opacity:.4}nav{display:none}main{padding:0;align-items:stretch;position:relative}.panel-toggle{display:flex;align-items:center;justify-content:center;position:fixed;left:6px;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;background:#05050a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid var(--neon-pink);border-radius:10px;color:var(--neon-pink);font-size:1.2rem;cursor:pointer;pointer-events:auto;padding:4px;animation:neonBorderPulse 2.5s ease-in-out infinite;transition:transform .2s ease}.panel-toggle:active{transform:translateY(-50%) scale(.9)}.panel-toggle-face{width:36px;height:36px;object-fit:contain;animation:neonPulse 2.5s ease-in-out infinite}.panel-toggle-icon{line-height:1;font-size:1.4rem;text-shadow:0 0 8px var(--neon-pink)}.product-info{position:fixed;left:6px;top:calc(50% + 30px);bottom:auto;max-width:260px;width:260px;border-left:none;border-right:3px solid var(--neon-pink);border-top:3px solid var(--neon-pink);border-radius:0 3px 3px 0;padding:1rem 1.2rem 1.2rem;display:flex;flex-direction:column;background:#05050a8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-110%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:9;box-shadow:4px 0 20px #00000080,2px 0 15px #ff00ea1a}.product-info--open{transform:translate(0)}.product-description{display:none}.product-info h1{font-size:1.2rem;margin-bottom:1rem}.title-accent{font-size:1.6rem}.cta-button{font-size:.7rem;padding:.5rem 1rem}}@media (max-width: 480px){.product-info{max-width:220px;width:220px;padding:4rem 1rem 1.2rem}.product-info h1{font-size:1rem}.title-accent{font-size:1.3rem}}@media (min-width: 769px) and (max-width: 1024px){.product-info{max-width:300px;background:#05050a66}.product-info h1{font-size:1.4rem}.title-accent{font-size:1.8rem}}@media (min-width: 1400px){main{padding:0 3rem 3rem}.product-info{max-width:400px;padding:2rem 2.2rem}.product-info h1{font-size:1.8rem}.title-accent{font-size:2.6rem}}
