body{margin:0;font-family:-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}.home-page{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.home-page:before,.home-page:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.3),transparent);animation:orbitFloat 20s ease-in-out infinite}.home-page:before{top:-20%;left:-10%}.home-page:after{bottom:-20%;right:-10%;animation-direction:reverse;animation-duration:25s}@keyframes orbitFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,50px) scale(1.2)}}.home-container{max-width:800px;text-align:center;position:relative;z-index:1}.home-logo{max-width:350px;width:100%;margin-bottom:2rem;animation:logoEntrance 1.5s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 20px 50px rgba(124,58,237,.6));transition:all .4s ease}.home-logo:hover{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 30px 70px rgba(167,139,250,.8))}@keyframes logoEntrance{0%{transform:translateY(-100px) rotate(-20deg) scale(0);opacity:0}50%{transform:translateY(20px) rotate(10deg) scale(1.15)}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}.home-title{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#a78bfa,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleSlide 1.2s cubic-bezier(.34,1.56,.64,1) .3s backwards,titleGlow 3s ease-in-out infinite;text-shadow:0 0 40px rgba(124,58,237,.5)}@keyframes titleSlide{0%{transform:translate(-100px);opacity:0;filter:blur(10px)}to{transform:translate(0);opacity:1;filter:blur(0)}}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 20px rgba(124,58,237,.5))}50%{filter:drop-shadow(0 0 40px rgba(167,139,250,.9))}}.home-description{font-size:1.3rem;color:#cbd5e0;line-height:1.7;margin-bottom:3rem;animation:descFade 1.5s ease-out .6s backwards;text-shadow:0 2px 10px rgba(0,0,0,.3)}@keyframes descFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.demo-section{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(124,58,237,.4);border-radius:30px;padding:3rem;margin-bottom:2rem;box-shadow:0 20px 60px #0000004d,inset 0 0 30px #7c3aed1a;animation:sectionPop 1.2s cubic-bezier(.34,1.56,.64,1) .9s backwards;position:relative;overflow:hidden}.demo-section:before{content:"";position:absolute;inset:-2px;border-radius:30px;padding:2px;background:linear-gradient(45deg,#7c3aed,#a78bfa,#7c3aed);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderSpin 3s linear infinite;background-size:200% 200%}@keyframes sectionPop{0%{transform:scale(.8) rotateX(-20deg);opacity:0}50%{transform:scale(1.05) rotateX(5deg)}to{transform:scale(1) rotateX(0);opacity:1}}@keyframes borderSpin{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.demo-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-button{display:inline-block;background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;padding:1.2rem 3.5rem;border-radius:60px;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 40px #7c3aed80,inset 0 -5px 15px #0003;position:relative;overflow:hidden;animation:buttonBounce 2s ease-in-out infinite}.demo-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s ease}.demo-button:hover:before{transform:translate(100%)}@keyframes buttonBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.demo-button:hover{transform:translateY(-8px) scale(1.1);box-shadow:0 15px 60px #7c3aedb3,inset 0 -5px 20px #0000004d}.info-box{background:#7c3aed26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:2rem;border:1px solid rgba(124,58,237,.3);text-align:left;animation:boxSlide 1.5s cubic-bezier(.34,1.56,.64,1) 1.2s backwards;box-shadow:0 10px 40px #0003,inset 0 0 20px #7c3aed1a}@keyframes boxSlide{0%{transform:translateY(50px) rotateX(-15deg);opacity:0}to{transform:translateY(0) rotateX(0);opacity:1}}.info-box h3{color:#fff;font-size:1.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-box p{color:#cbd5e0;margin-bottom:.5rem}.info-box code{display:inline-block;background:#7c3aed4d;color:#a78bfa;padding:.8rem 1.5rem;border-radius:12px;font-family:Courier New,monospace;font-weight:600;margin:1rem 0;border:1px solid rgba(124,58,237,.5);box-shadow:0 4px 15px #7c3aed4d;animation:codeGlow 2s ease-in-out infinite}@keyframes codeGlow{0%,to{box-shadow:0 4px 15px #7c3aed4d}50%{box-shadow:0 4px 25px #a78bfa99}}.info-note{font-size:.95rem;color:#a0aec0;font-style:italic;margin-top:1rem}@media(max-width:768px){.home-title{font-size:2.5rem}.home-description{font-size:1.1rem}.demo-section{padding:2rem}.home-logo{max-width:250px}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);background:#0f0c29cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:2px solid transparent;background-clip:padding-box}.navbar:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#7c3aed 20%,#a78bfa 50%,#7c3aed 80%,transparent);animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}.navbar-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.navbar-logo{display:flex;align-items:center;gap:.75rem}.navbar-logo img{height:40px;width:auto;filter:drop-shadow(0 0 10px rgba(124,58,237,.5));animation:logoPulse 2s ease-in-out infinite}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 10px rgba(124,58,237,.5))}50%{filter:drop-shadow(0 0 20px rgba(167,139,250,.8))}}.navbar-brand{font-size:1.2rem;font-weight:800;letter-spacing:3px;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase}.navbar-progress{display:flex;align-items:center;gap:1rem;flex:1;max-width:300px}.progress-bar{flex:1;height:4px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a78bfa,#7c3aed);background-size:200% 100%;animation:progressShine 2s linear infinite;border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #7c3aedcc}@keyframes progressShine{0%{background-position:0% 0%}to{background-position:200% 0%}}.progress-text{font-family:Courier New,monospace;font-size:.9rem;font-weight:700;color:#a78bfa;min-width:60px;text-shadow:0 0 10px rgba(167,139,250,.5)}.navbar-nav{display:flex;align-items:center;gap:.5rem}.nav-dot{width:40px;height:40px;border:none;background:#ffffff0d;border-radius:50%;cursor:pointer;position:relative;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.nav-dot:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(124,58,237,.3);transition:all .3s ease}.nav-dot:hover:before{border-color:#7c3aed;box-shadow:0 0 20px #7c3aed80}.dot-inner{width:10px;height:10px;background:#ffffff4d;border-radius:50%;transition:all .3s ease}.nav-dot:hover .dot-inner{background:#a78bfa;transform:scale(1.2)}.nav-dot.active .dot-inner{background:#7c3aed;box-shadow:0 0 20px #7c3aed,0 0 40px #7c3aed80;animation:dotPulse 1s ease-in-out infinite}.nav-dot.active:before{border-color:#7c3aed;animation:ringPulse 1.5s ease-in-out infinite}.nav-dot.completed .dot-inner{background:#10b981;box-shadow:0 0 10px #10b981}.nav-dot.completed:before{border-color:#10b981}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes ringPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.dot-label{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:600;color:#a78bfa;white-space:nowrap;opacity:0;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.nav-dot:hover .dot-label{opacity:1;bottom:-30px}.navbar-hint{display:flex;align-items:center}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:.25rem;animation:bounceHint 2s ease-in-out infinite}@keyframes bounceHint{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.scroll-text{font-size:.6rem;font-weight:700;letter-spacing:2px;color:#a78bfa;text-transform:uppercase}.scroll-arrow{width:20px;height:20px;color:#a78bfa}.navbar-glow{position:absolute;top:100%;left:50%;transform:translate(-50%);width:60%;height:100px;background:radial-gradient(ellipse at center,rgba(124,58,237,.2) 0%,transparent 70%);pointer-events:none}@media(max-width:1024px){.navbar-progress,.dot-label{display:none}}.navbar-comment-btn{display:none}@media(max-width:768px){.navbar{top:auto;bottom:0;padding:.75rem 1rem;border-bottom:none;border-top:2px solid transparent}.navbar:before{top:0;bottom:auto}.navbar-brand{display:none}.navbar-logo img{height:30px}.nav-dot{width:30px;height:30px}.dot-inner{width:8px;height:8px}.navbar-hint{display:none}.navbar-glow{top:auto;bottom:100%;background:radial-gradient(ellipse at center,rgba(124,58,237,.2) 0%,transparent 70%)}.navbar-comment-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#7c3aed,#a78bfa);border:none;border-radius:50%;cursor:pointer;position:relative;box-shadow:0 4px 15px #7c3aed66;transition:all .3s ease}.navbar-comment-btn:hover{transform:scale(1.1)}.navbar-comment-btn.active{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 4px 15px #ef444466}.navbar-comment-btn .comment-icon{font-size:1rem}.navbar-comment-btn .comment-count{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}}.cover-page{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,#0f0c29,#1a1640,#0f0c29);position:relative;overflow:hidden;padding-top:80px;box-sizing:border-box}.cover-page:before{content:"";position:absolute;top:-50%;right:-10%;width:800px;height:800px;background:radial-gradient(circle,rgba(124,58,237,.4) 0%,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite,pulse 4s ease-in-out infinite}.cover-page:after{content:"";position:absolute;bottom:-30%;left:-20%;width:700px;height:700px;background:radial-gradient(circle,rgba(167,139,250,.3) 0%,transparent 70%);border-radius:50%;animation:float 10s ease-in-out infinite reverse,pulse 6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.6}}.cover-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center;z-index:1}.cover-logo{max-width:320px;width:100%;margin-bottom:3rem;animation:logoEntrance 1.5s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 10px 30px rgba(124,58,237,.5));transition:transform .3s ease}.cover-logo:hover{transform:scale(1.05) rotate(2deg);filter:drop-shadow(0 15px 40px rgba(124,58,237,.7))}@keyframes logoEntrance{0%{transform:translateY(-100px) rotate(-10deg) scale(.5);opacity:0}50%{transform:translateY(10px) rotate(5deg) scale(1.1)}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}.cover-text{max-width:700px;animation:textSlideIn 1.2s cubic-bezier(.34,1.56,.64,1) .3s backwards}@keyframes textSlideIn{0%{transform:translate(-100px);opacity:0;filter:blur(10px)}to{transform:translate(0);opacity:1;filter:blur(0)}}.cover-title{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.2;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cover-subtitle{font-size:1.5rem;color:#a78bfa;font-weight:500;margin-bottom:2rem;animation:subtitlePulse 3s ease-in-out infinite}@keyframes subtitlePulse{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.cover-divider{width:100px;height:4px;background:linear-gradient(90deg,transparent,#7c3aed,#a78bfa,#7c3aed,transparent);margin:2rem auto;position:relative;animation:dividerExpand 1.5s ease-out .8s backwards;background-size:200% 100%;animation:dividerExpand 1.5s ease-out .8s backwards,dividerShine 3s linear infinite}@keyframes dividerExpand{0%{width:0;opacity:0}to{width:100px;opacity:1}}@keyframes dividerShine{0%{background-position:0% 0%}to{background-position:200% 0%}}.cover-details{margin-top:3rem;animation:detailsFadeIn 1s ease-out 1.2s backwards}@keyframes detailsFadeIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.cover-client{font-size:1.2rem;color:#cbd5e0;margin-bottom:.5rem;transition:all .3s ease}.cover-client:hover{transform:translate(10px);color:#e2e8f0}.cover-client strong{color:#fff;font-weight:700;background:linear-gradient(135deg,#7c3aed,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cover-date{font-size:1rem;color:#a0aec0;animation:dateBlink 2s ease-in-out infinite}@keyframes dateBlink{0%,to{opacity:.6}50%{opacity:1}}.hud-corner{position:absolute;display:flex;align-items:center;gap:.5rem;z-index:10}.hud-top-left{top:100px;left:2rem;flex-direction:row}.hud-top-right{top:100px;right:2rem;flex-direction:row-reverse}.hud-bottom-left{bottom:2rem;left:2rem;flex-direction:row}.hud-bottom-right{bottom:2rem;right:2rem;flex-direction:row-reverse}.hud-line{width:50px;height:2px;background:linear-gradient(90deg,#7c3aed,transparent);animation:hudPulse 2s ease-in-out infinite}.hud-top-right .hud-line,.hud-bottom-right .hud-line{background:linear-gradient(90deg,transparent,#7c3aed)}.hud-text{font-family:Courier New,monospace;font-size:.7rem;font-weight:700;letter-spacing:2px;color:#7c3aed;text-shadow:0 0 10px rgba(124,58,237,.5);animation:hudTextGlow 2s ease-in-out infinite}@keyframes hudPulse{0%,to{opacity:.3;width:50px}50%{opacity:1;width:80px}}@keyframes hudTextGlow{0%,to{opacity:.5}50%{opacity:1;text-shadow:0 0 20px rgba(124,58,237,.8)}}.scan-lines{position:absolute;inset: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:5;animation:scanMove 8s linear infinite}@keyframes scanMove{0%{background-position:0 0}to{background-position:0 100%}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.glitch:before{left:2px;text-shadow:-2px 0 #ff00ff;clip:rect(24px,550px,90px,0);animation:glitch-anim 3s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 #00ffff;clip:rect(85px,550px,140px,0);animation:glitch-anim2 2s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(20px,9999px,85px,0)}10%{clip:rect(61px,9999px,36px,0)}20%{clip:rect(95px,9999px,45px,0)}30%{clip:rect(10px,9999px,78px,0)}40%{clip:rect(40px,9999px,92px,0)}50%{clip:rect(56px,9999px,25px,0)}60%{clip:rect(89px,9999px,15px,0)}70%{clip:rect(32px,9999px,67px,0)}80%{clip:rect(75px,9999px,50px,0)}90%{clip:rect(15px,9999px,88px,0)}to{clip:rect(48px,9999px,70px,0)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0)}10%{clip:rect(20px,9999px,55px,0)}20%{clip:rect(78px,9999px,30px,0)}30%{clip:rect(45px,9999px,90px,0)}40%{clip:rect(12px,9999px,65px,0)}50%{clip:rect(88px,9999px,40px,0)}60%{clip:rect(35px,9999px,82px,0)}70%{clip:rect(60px,9999px,18px,0)}80%{clip:rect(25px,9999px,95px,0)}90%{clip:rect(70px,9999px,48px,0)}to{clip:rect(5px,9999px,75px,0)}}.start-indicator{margin-top:4rem;display:flex;flex-direction:column;align-items:center;gap:1rem;animation:fadeIn 1s ease-out 2s backwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.start-indicator .blink{font-family:Courier New,monospace;font-size:.9rem;font-weight:700;letter-spacing:3px;color:#a78bfa;text-shadow:0 0 20px rgba(167,139,250,.8);animation:textBlink 1s ease-in-out infinite}@keyframes textBlink{0%,50%,to{opacity:1}25%,75%{opacity:.3}}.arrow-down{width:30px;height:30px;color:#a78bfa;animation:arrowBounce 1s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.cover-footer{position:relative;height:200px;overflow:hidden}.cover-footer-gradient{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,rgba(124,58,237,.3),transparent);animation:waveAnimation 4s ease-in-out infinite}.cover-footer-gradient:before,.cover-footer-gradient:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to top,rgba(167,139,250,.2),transparent);animation:waveAnimation 6s ease-in-out infinite}.cover-footer-gradient:after{animation-delay:1s;animation-duration:8s}@keyframes waveAnimation{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-20px) scaleY(1.1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.cover-page{padding:1rem;padding-top:50%;padding-bottom:90px}.cover-logo{max-width:180px;margin-bottom:1.5rem}.cover-title{font-size:1.8rem;line-height:1.3}.cover-subtitle{font-size:1rem;margin-bottom:1rem}.cover-divider{width:60px;margin:1rem auto}.cover-details{margin-top:1.5rem}.cover-client{font-size:1rem}.cover-date{font-size:.85rem}.hud-corner{display:none}.start-indicator{margin-top:1.5rem}.start-indicator .blink{font-size:.65rem;letter-spacing:1px}.arrow-down svg{width:16px;height:16px}.scan-lines{display:none}}.introduction{height:100vh;padding:2rem;padding-top:80px;background:linear-gradient(180deg,#0f0c29,#1a1640,#0f0c29);position:relative;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.introduction:before,.introduction:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.3),transparent);animation:particleFloat 15s ease-in-out infinite}.introduction:before{top:10%;left:-10%}.introduction:after{bottom:10%;right:-10%;animation-delay:2s;animation-duration:18s}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(50px,-50px) scale(1.1);opacity:.5}50%{transform:translateY(-100px) scale(.9);opacity:.4}75%{transform:translate(-50px,-50px) scale(1.05);opacity:.5}}.introduction-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:50px}.section-title{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:0;text-align:center;position:relative;background:linear-gradient(135deg,#fff,#a78bfa,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleSlideIn 1s cubic-bezier(.34,1.56,.64,1),titleGlowPulse 3s ease-in-out infinite;text-shadow:0 0 30px rgba(124,58,237,.5)}@keyframes titleSlideIn{0%{transform:translateY(-50px) scale(.8);opacity:0;filter:blur(10px)}to{transform:translateY(0) scale(1);opacity:1;filter:blur(0)}}@keyframes titleGlowPulse{0%,to{filter:drop-shadow(0 0 20px rgba(124,58,237,.5))}50%{filter:drop-shadow(0 0 40px rgba(167,139,250,.8))}}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,transparent,#7c3aed,#a78bfa,#7c3aed,transparent);border-radius:2px;animation:lineExpand 1.5s cubic-bezier(.34,1.56,.64,1) .5s backwards,lineShine 2s linear infinite;background-size:200% 100%}@keyframes lineExpand{0%{width:0;opacity:0}to{width:80px;opacity:1}}@keyframes lineShine{0%{background-position:0% 0%}to{background-position:200% 0%}}.intro-content{display:flex;flex-direction:column;gap:2rem}.intro-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;box-shadow:0 8px 32px #0000004d,inset 0 0 20px #7c3aed1a;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;animation:cardSlideUp .8s cubic-bezier(.34,1.56,.64,1) backwards}.intro-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .7s ease}.intro-card:hover:before{left:100%}.intro-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 20px 60px #7c3aed66,inset 0 0 30px #a78bfa33;border-color:#7c3aed80;background:#ffffff14}@keyframes cardSlideUp{0%{transform:translateY(100px);opacity:0;filter:blur(10px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}.intro-card:nth-child(1){animation-delay:.2s}.intro-card:nth-child(2){animation-delay:.4s}.intro-card:nth-child(3){animation-delay:.6s}.main-intro{background:linear-gradient(135deg,#7c3aed4d,#a78bfa4d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(124,58,237,.4);color:#fff;text-align:center;animation-delay:0s;position:relative}.main-intro:after{content:"";position:absolute;inset:-2px;border-radius:20px;padding:2px;background:linear-gradient(45deg,#7c3aed,#a78bfa,#7c3aed);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderRotate 3s linear infinite;background-size:200% 200%}@keyframes borderRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.intro-icon{width:60px;height:60px;margin:0 auto 1.5rem;color:#fff}.intro-icon.small{width:40px;height:40px;color:#7c3aed;margin:0}.main-intro .intro-icon{opacity:.9}.intro-text{font-size:1.2rem;line-height:1.8;margin:0}.intro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:1rem}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.card-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-text{font-size:1rem;line-height:1.7;color:#cbd5e0;margin:0}@media(max-width:768px){.introduction{padding:1rem;padding-top:20px;padding-bottom:80px;overflow-y:auto}.section-hud{position:relative;top:0;left:0;margin-bottom:.5rem}.hud-label{font-size:.6rem}.hud-title{font-size:.8rem}.introduction-container{gap:1rem}.section-title{font-size:1.3rem}.section-title:after{bottom:-8px;width:50px;height:2px}.intro-content{gap:.75rem}.intro-card{padding:1rem;border-radius:12px}.main-intro{text-align:center}.intro-icon{width:40px;height:40px;margin:0 auto .5rem}.intro-icon svg{width:20px;height:20px}.intro-icon.small{width:30px;height:30px}.intro-icon.small svg{width:16px;height:16px}.intro-text{font-size:.85rem;line-height:1.5}.intro-grid{grid-template-columns:1fr;gap:.75rem}.card-header{gap:.5rem;margin-bottom:.5rem}.card-title{font-size:1rem}.card-text{font-size:.8rem;line-height:1.5}.section-loading{display:none}}.project-scope{height:100vh;padding:2rem;padding-top:80px;background:linear-gradient(180deg,#0f0c29,#1a1640,#0f0c29);position:relative;overflow:hidden;box-sizing:border-box}.card-status{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:8px;font-family:Courier New,monospace;font-size:.7rem;color:#10b981;letter-spacing:1px}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:statusPulse 1.5s infinite}.status-text{text-transform:uppercase}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 5px #10b981}50%{opacity:.5;box-shadow:0 0 15px #10b981}}.overview-marker{font-family:Courier New,monospace;font-size:1.5rem;color:#7c3aed;animation:markerBlink 1s infinite;margin-right:10px;float:left}@keyframes markerBlink{0%,to{opacity:1}50%{opacity:.3}}.project-scope:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(167,139,250,.2),transparent);top:20%;right:-10%;animation:floatParticle 12s ease-in-out infinite}@keyframes floatParticle{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-50px,50px) rotate(180deg)}}.scope-container{max-width:1200px;margin:0 auto;width:100%;height:calc(100vh - 80px - 4rem);display:flex;flex-direction:column;justify-content:center}.scope-header{display:flex;flex-direction:column;gap:50px;flex-shrink:0}.scope-overview{background:#7c3aed26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid #7c3aed;border:1px solid rgba(124,58,237,.3);padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;animation:overviewSlide 1s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #7c3aed33,inset 0 0 20px #a78bfa1a}@keyframes overviewSlide{0%{transform:translate(-100px);opacity:0;filter:blur(10px)}to{transform:translate(0);opacity:1;filter:blur(0)}}.overview-text{font-size:.95rem;line-height:1.6;color:#e2e8f0;margin:0}.scope-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.scope-card{background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(124,58,237,.3);border-radius:12px;padding:1rem 1.2rem 2.5rem;transition:all .6s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;transform-style:preserve-3d;perspective:1000px;animation:cardFlyIn .8s cubic-bezier(.34,1.56,.64,1) backwards}.scope-card:nth-child(1){animation-delay:.1s}.scope-card:nth-child(2){animation-delay:.2s}.scope-card:nth-child(3){animation-delay:.3s}.scope-card:nth-child(4){animation-delay:.4s}@keyframes cardFlyIn{0%{transform:translate(-100px) rotateY(-30deg);opacity:0;filter:blur(10px)}to{transform:translate(0) rotateY(0);opacity:1;filter:blur(0)}}.scope-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#7c3aed,#a78bfa,#7c3aed);transform:scaleX(0);transition:transform .6s cubic-bezier(.34,1.56,.64,1);background-size:200% 100%;animation:gradientShift 3s linear infinite}@keyframes gradientShift{0%{background-position:0% 0%}to{background-position:200% 0%}}.scope-card:hover{border-color:#7c3aed;box-shadow:0 10px 40px #7c3aed66;transform:translateY(-5px) scale(1.02);background:#ffffff14}.scope-card:hover:before{transform:scaleX(1)}.scope-number{display:inline-block;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#7c3aed,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.4;margin-bottom:.3rem;line-height:1}@keyframes numberPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.1);opacity:.6}}.scope-title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scope-description{font-size:.85rem;color:#cbd5e0;margin-bottom:.8rem;line-height:1.4}.deliverables{margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(124,58,237,.3)}.deliverables-title{font-family:Courier New,monospace;font-size:.7rem;font-weight:600;color:#7c3aed;text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem}.deliverables-list{list-style:none;padding:0;margin:0}.deliverable-item{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;color:#cbd5e0;font-size:.8rem;transition:all .3s ease}.deliverable-item:hover{color:#e2e8f0;transform:translate(5px)}.check-icon{width:20px;height:20px;color:#7c3aed;flex-shrink:0;margin-top:2px;animation:checkPulse 2s ease-in-out infinite}@keyframes checkPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.project-scope{padding:1rem;padding-top:50px;padding-bottom:90px;overflow-y:auto}.section-hud{position:absolute;top:15px;left:15px;margin-bottom:0}.hud-label{font-size:.55rem;letter-spacing:2px}.hud-title{font-size:.75rem;letter-spacing:1px}.scope-container{height:auto}.scope-header{gap:20px}.section-title{font-size:1.3rem}.scope-overview{padding:.75rem 1rem;margin-bottom:1rem}.overview-text{font-size:.8rem}.scope-grid{grid-template-columns:1fr 1fr;gap:.75rem}.scope-card{padding:.75rem .75rem 2rem}.card-number{font-size:1.2rem}.card-title{font-size:.85rem}.card-description{font-size:.7rem;display:none}.deliverables-section{margin-top:.5rem;padding-top:.5rem}.deliverables-title{font-size:.6rem}.deliverable-item{font-size:.7rem;gap:.3rem}.check-icon{width:14px;height:14px}.section-loading{display:none}}.timeline-section{height:100vh;padding:2rem;padding-top:80px;background:linear-gradient(180deg,#0f0c29,#1a1640,#0f0c29);position:relative;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.section-loading{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:200px}.loading-bar{height:3px;background:linear-gradient(90deg,transparent,#7c3aed,#a78bfa,#7c3aed,transparent);background-size:200% 100%;animation:loadingSlide 2s linear infinite;border-radius:2px}@keyframes loadingSlide{0%{background-position:-200% 0}to{background-position:200% 0}}.timeline-container{max-width:100%;margin:0 auto;padding:0 2rem}.timeline-header{display:flex;flex-direction:column;gap:50px;margin-bottom:2rem}.section-title{font-size:2rem;font-weight:800;color:#fff;margin:0;background:linear-gradient(135deg,#fff,#a78bfa,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline-summary{display:flex;align-items:center;gap:1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(124,58,237,.3);border-radius:50px;padding:.8rem 1.5rem}.summary-item{display:flex;align-items:center;gap:.5rem}.summary-label{font-family:Courier New,monospace;font-size:.7rem;color:#7c3aed;letter-spacing:1px}.summary-value{font-size:1rem;font-weight:700;color:#fff}.summary-divider{width:2px;height:30px;background:linear-gradient(180deg,transparent,#7c3aed,transparent)}.timeline-scroll{overflow-x:auto;overflow-y:hidden;margin:0 -2rem;padding:1rem 2rem;scrollbar-width:thin;scrollbar-color:#7c3aed #1a1640;position:relative}.timeline-scroll::-webkit-scrollbar{height:8px}.timeline-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.timeline-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:4px}.timeline-horizontal{display:flex;gap:1.5rem;position:relative;padding-top:50px;padding-bottom:1rem;min-width:max-content}.timeline-line-horizontal{position:absolute;top:24px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#7c3aed 10%,#a78bfa 50%,#7c3aed 90%,transparent);z-index:1}.timeline-item-horizontal{display:flex;flex-direction:column;align-items:center;min-width:280px;max-width:280px;position:relative;animation:itemSlideIn .6s ease-out backwards}.timeline-item-horizontal:nth-child(2){animation-delay:.1s}.timeline-item-horizontal:nth-child(3){animation-delay:.2s}.timeline-item-horizontal:nth-child(4){animation-delay:.3s}.timeline-item-horizontal:nth-child(5){animation-delay:.4s}.timeline-item-horizontal:nth-child(6){animation-delay:.5s}@keyframes itemSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.timeline-dot-horizontal{width:50px;height:50px;background:linear-gradient(135deg,#7c3aed,#a78bfa);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;top:-25px;z-index:2;box-shadow:0 0 20px #7c3aed99;animation:dotPulse 2s ease-in-out infinite}.dot-number{font-family:Courier New,monospace;font-size:1rem;font-weight:700;color:#fff}@keyframes dotPulse{0%,to{box-shadow:0 0 20px #7c3aed99;transform:scale(1)}50%{box-shadow:0 0 40px #a78bfacc;transform:scale(1.05)}}.timeline-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(124,58,237,.3);border-radius:16px;padding:1.5rem;width:100%;margin-top:40px;transition:all .4s ease;position:relative;overflow:hidden}.timeline-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c3aed,#a78bfa);transform:scaleX(0);transition:transform .4s ease}.timeline-card:hover{transform:translateY(-10px);border-color:#7c3aed;box-shadow:0 15px 40px #7c3aed66}.timeline-card:hover:before{transform:scaleX(1)}.card-badge{display:inline-block;background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:.8rem}.card-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 .5rem}.card-description{font-size:.85rem;color:#cbd5e0;line-height:1.5;margin:0}.scroll-hint{text-align:center;margin-top:1rem;font-family:Courier New,monospace;font-size:.8rem;color:#c4b5fd;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:.5rem}.scroll-hint .arrow-left{animation:arrowMoveLeft 1s ease-in-out infinite;display:inline-block}.scroll-hint .arrow-right{animation:arrowMoveRight 1s ease-in-out infinite;display:inline-block}@keyframes arrowMoveLeft{0%,to{transform:translate(0);opacity:1}50%{transform:translate(-8px);opacity:.5}}@keyframes arrowMoveRight{0%,to{transform:translate(0);opacity:1}50%{transform:translate(8px);opacity:.5}}@keyframes hintPulse{0%,to{opacity:.5}50%{opacity:1}}@media(max-width:768px){.timeline-section{padding:1rem;padding-top:20px;padding-bottom:80px;overflow-y:auto}.section-hud{position:relative;top:0;left:0;margin-bottom:.5rem}.timeline-container{padding:0}.timeline-header{flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.section-title{font-size:1.3rem}.timeline-summary{flex-direction:row;border-radius:12px;padding:.75rem 1rem;gap:.75rem;font-size:.75rem}.summary-label{font-size:.6rem}.summary-value{font-size:.85rem}.summary-divider{width:1px;height:30px}.timeline-scroll{margin:0 -1rem;padding:0 1rem}.timeline-item-horizontal{min-width:180px;max-width:180px}.timeline-dot-horizontal{width:35px;height:35px}.dot-number{font-size:.7rem}.timeline-card{padding:.75rem}.card-badge{font-size:.6rem;padding:.2rem .5rem}.card-title{font-size:.85rem;margin-bottom:.3rem}.card-description{font-size:.7rem;line-height:1.4}.scroll-hint{font-size:.7rem;margin-top:.75rem}.section-loading{display:none}}.pricing-section{min-height:100vh;height:auto;padding:4rem 2rem 6rem;background:linear-gradient(180deg,#0a0a0f,#12121a,#0a0a0f);position:relative;overflow:visible}.pricing-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(124,58,237,.08) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(167,139,250,.05) 0%,transparent 40%);pointer-events:none}.pricing-container{max-width:900px;margin:0 auto;position:relative;z-index:1}.pricing-header{text-align:center;margin-bottom:3rem}.pricing-section .section-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#a78bfa,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.pricing-subtitle{color:#9ca3af;font-size:1.1rem;font-family:Courier New,monospace}.price-card-main{background:linear-gradient(135deg,#7c3aed26,#0f0f19f2);border:2px solid rgba(124,58,237,.4);border-radius:20px;padding:3rem;text-align:center;position:relative;overflow:hidden;margin-bottom:3rem;animation:priceCardPulse 4s ease-in-out infinite}@keyframes priceCardPulse{0%,to{box-shadow:0 0 30px #7c3aed33}50%{box-shadow:0 0 50px #7c3aed66,0 0 80px #a78bfa33}}.price-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(124,58,237,.15) 0%,transparent 50%);animation:glowRotate 10s linear infinite}@keyframes glowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.price-content{position:relative;z-index:2}.original-price{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.strikethrough{color:#6b7280;font-size:1.5rem;text-decoration:line-through;font-family:Courier New,monospace}.discount-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;font-weight:700;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.final-price{display:flex;align-items:baseline;justify-content:center;gap:.2rem}.currency-symbol{font-size:2rem;color:#a78bfa;font-weight:600}.price-amount{font-size:4rem;font-weight:900;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.price-label{color:#7c3aed;font-family:Courier New,monospace;font-size:.9rem;letter-spacing:3px;margin-top:1rem}.price-scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#7c3aed,transparent);animation:scanLine 3s ease-in-out infinite}@keyframes scanLine{0%,to{top:0;opacity:.5}50%{top:100%;opacity:1}}.payment-methods-section{margin-bottom:2rem}.methods-title{font-family:Courier New,monospace;font-size:1rem;color:#a78bfa;letter-spacing:3px;text-align:center;margin-bottom:2rem}.bracket{color:#7c3aed;margin:0 .5rem}.payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.payment-method-card{background:#0f0f19cc;border:1px solid rgba(124,58,237,.3);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease}.payment-method-card:hover{border-color:#7c3aed99;transform:translateY(-5px);box-shadow:0 10px 30px #7c3aed33}.method-number{font-family:Courier New,monospace;font-size:2rem;font-weight:800;color:#7c3aed4d;position:absolute;top:10px;right:15px}.method-name{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.method-description{color:#9ca3af;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.method-percentage{display:flex;align-items:baseline;gap:.5rem}.percentage-value{font-size:1.8rem;font-weight:800;color:#7c3aed}.percentage-label{color:#6b7280;font-size:.8rem;font-family:Courier New,monospace}.method-hover-line{position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#7c3aed,#a78bfa);transition:width .3s ease}.payment-method-card:hover .method-hover-line{width:100%}.pricing-notes{display:flex;align-items:flex-start;gap:1rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.notes-icon{font-size:1.5rem;flex-shrink:0}.notes-text{color:#d1d5db;font-size:.95rem;line-height:1.6}.pricing-indicators{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.indicator{display:flex;align-items:center;gap:.5rem}.indicator-dot{width:8px;height:8px;border-radius:50%;background:#4b5563}.indicator-dot.active{background:#10b981;box-shadow:0 0 10px #10b98180}.indicator-label{font-family:Courier New,monospace;font-size:.75rem;color:#9ca3af;letter-spacing:1px}@media(max-width:768px){.pricing-section{padding:2rem 1rem 4rem;min-height:auto;height:auto}.pricing-section .section-title{font-size:1.8rem}.price-card-main{padding:2rem 1rem}.price-amount{font-size:2.5rem}.payment-methods-grid{grid-template-columns:1fr}.pricing-notes{flex-direction:column;align-items:center;text-align:center;padding:1.2rem;margin-top:2rem;margin-bottom:2rem}.notes-icon{font-size:2rem}.notes-text{font-size:.9rem;line-height:1.7}.pricing-indicators{flex-direction:column;align-items:center;gap:1rem}.indicator-label{font-size:.7rem}}.contact-section{height:100vh;background:linear-gradient(180deg,#0f0c29,#1a1640,#0f0c29);display:flex;align-items:center;justify-content:center;padding:2rem;padding-top:80px;position:relative;overflow:hidden;box-sizing:border-box}.section-hud{position:absolute;top:100px;left:30px;z-index:10}.hud-label{font-family:Courier New,monospace;font-size:.7rem;color:#7c3aed;letter-spacing:3px;margin-bottom:5px;opacity:.8}.hud-title{font-family:Courier New,monospace;font-size:1rem;color:#a78bfa;letter-spacing:2px;animation:hudFlicker 4s infinite}@keyframes hudFlicker{0%,92%,94%,96%,to{opacity:1}93%,95%{opacity:.7}}.mission-complete{position:relative;margin-top:1rem}.mission-badge{display:flex;align-items:center;gap:10px;padding:10px 25px;background:linear-gradient(135deg,#10b9814d,#10b9811a);border:2px solid #10b981;border-radius:30px;animation:badgePulse 2s infinite}.badge-text{font-family:Courier New,monospace;font-size:.9rem;color:#10b981;letter-spacing:2px;font-weight:700}.badge-icon{color:#10b981;font-size:1rem;animation:starSpin 3s linear infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 10px #10b9814d}50%{box-shadow:0 0 30px #10b98199}}@keyframes starSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#7c3aed,transparent);animation:cardScan 3s linear infinite}@keyframes cardScan{0%{top:0;opacity:1}to{top:100%;opacity:0}}.logo-container{position:relative;display:inline-block;margin-bottom:.5rem}.logo-glow{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(167,139,250,.4),transparent);border-radius:50%;animation:logoGlowPulse 3s infinite;z-index:-1}@keyframes logoGlowPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.contact-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(124,58,237,.3);border-radius:15px;padding:1.5rem 2rem;position:relative;overflow:hidden;display:inline-block}.info-row{display:flex;align-items:center;gap:15px;margin:.5rem 0}.info-label{font-family:Courier New,monospace;font-size:.75rem;color:#7c3aed;letter-spacing:1px}.info-value{color:#fff;font-weight:500}.button-glow{position:absolute;inset:-3px;background:linear-gradient(45deg,#7c3aed,#a78bfa,#7c3aed);border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1;animation:buttonGlowRotate 3s linear infinite;background-size:200% 200%}.whatsapp-button:hover .button-glow{opacity:1}@keyframes buttonGlowRotate{0%{background-position:0% 50%}to{background-position:200% 50%}}.button-text{position:relative;z-index:1}.button-arrow{font-size:.8rem;animation:arrowBlink 1s infinite}@keyframes arrowBlink{0%,to{opacity:1}50%{opacity:.3}}.contact-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 80%,white,transparent),radial-gradient(1px 1px at 15% 90%,white,transparent);background-size:200% 200%;animation:starsMove 60s linear infinite,starsTwinkle 3s ease-in-out infinite;opacity:.5}@keyframes starsMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes starsTwinkle{0%,to{opacity:.3}50%{opacity:.7}}.contact-section:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0%,rgba(124,58,237,.3) 100%);animation:pulseGlow 4s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.3}50%{opacity:.6}}.contact-container{max-width:700px;width:100%;position:relative;z-index:1}.contact-content{text-align:center}.contact-logo{max-width:150px;margin-bottom:1rem;animation:logo3DFloat 4s ease-in-out infinite;filter:drop-shadow(0 20px 50px rgba(255,255,255,.3));transition:all .4s ease}.contact-logo:hover{transform:scale(1.1) rotateY(10deg);filter:drop-shadow(0 30px 70px rgba(255,255,255,.5))}@keyframes logo3DFloat{0%,to{transform:translateY(0) rotateX(0)}25%{transform:translateY(-15px) rotateX(5deg)}50%{transform:translateY(0) rotateX(0)}75%{transform:translateY(-10px) rotateX(-5deg)}}.contact-title{font-size:2rem;font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.2;text-shadow:0 0 30px rgba(255,255,255,.5),0 0 60px rgba(167,139,250,.7);animation:titleShine 3s ease-in-out infinite}@keyframes titleShine{0%,to{text-shadow:0 0 30px rgba(255,255,255,.5),0 0 60px rgba(167,139,250,.7)}50%{text-shadow:0 0 40px rgba(255,255,255,.8),0 0 80px rgba(124,58,237,1)}}.contact-text{font-size:1rem;color:#fffffff2;line-height:1.5;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto;text-shadow:0 2px 10px rgba(0,0,0,.3);animation:textFadeIn 1.5s ease-out}@keyframes textFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.whatsapp-button{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #25d3664d;position:relative;overflow:hidden;white-space:nowrap}.whatsapp-icon{width:16px;height:16px}.whatsapp-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.5),transparent);transform:translate(-100%);transition:transform .6s ease}.whatsapp-button:hover:before{transform:translate(100%)}@keyframes buttonPulse{0%,to{transform:scale(1);box-shadow:0 15px 50px #0006,0 0 30px #ffffff4d}50%{transform:scale(1.05);box-shadow:0 20px 60px #00000080,0 0 50px #ffffff80}}.whatsapp-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #25d36666;background:linear-gradient(135deg,#2ae374,#159a72)}.whatsapp-button:active{transform:translateY(0)}.contact-actions{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:1.5rem}.contact-card{display:flex;flex-direction:column;align-items:center;gap:1rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:16px;padding:1.5rem 2rem;position:relative;overflow:hidden;max-width:350px;margin:0 auto}.card-body{display:flex;flex-direction:column;align-items:center;gap:1rem}.contact-info{margin-top:1.5rem}.contact-person{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.5rem}.contact-number{font-size:1rem;color:#fffc}.contact-footer-text{margin-top:1.5rem}.contact-footer-text p{color:#fffc;margin:.5rem 0}.footer-tagline{font-style:italic;font-size:.95rem;color:#fff9}@media(max-width:768px){.contact-section{padding:1rem;padding-top:10px;padding-bottom:90px;min-height:100vh;height:auto;justify-content:flex-start}.contact-container{max-width:100%;padding:0 .5rem}.section-hud{position:absolute;top:15px;left:15px;margin-bottom:0}.hud-label{font-size:.55rem;letter-spacing:2px}.hud-title{font-size:.75rem;letter-spacing:1px}.contact-logo{max-width:130px;margin-bottom:.5rem}.logo-container{margin-bottom:.3rem}.logo-glow{display:none}.contact-title{font-size:1.2rem;margin-bottom:.4rem;line-height:1.1}.contact-text{font-size:.8rem;margin-bottom:.8rem;line-height:1.3;padding:0 .5rem}.contact-card{padding:.8rem 1rem;max-width:100%;gap:.6rem}.card-body{gap:.6rem}.info-row{gap:8px;margin:.3rem 0}.info-label{font-size:.6rem}.info-value{font-size:.8rem}.whatsapp-button{padding:.4rem .8rem;font-size:.75rem;margin-top:.3rem}.whatsapp-icon{width:14px;height:14px}.contact-footer-text{margin-top:.6rem}.contact-footer-text p{font-size:.75rem;margin:.2rem 0}.footer-tagline{font-size:.7rem}.mission-complete{margin-top:.5rem}.mission-badge{padding:.4rem .8rem;gap:.4rem}.badge-text{font-size:.65rem;letter-spacing:1px}.badge-icon{font-size:.7rem}.card-scan-line{display:none}}@media(max-width:380px){.contact-section{padding:.5rem;padding-bottom:85px}.contact-logo{max-width:70px}.contact-title{font-size:1rem}.contact-text{font-size:.75rem}.contact-card{padding:.6rem .8rem}.info-label{font-size:.55rem}.info-value{font-size:.75rem}.mission-badge{padding:.3rem .6rem}.badge-text{font-size:.6rem}}.comment-layer{position:absolute;inset:0;z-index:100;pointer-events:none}.comment-layer.adding-mode{pointer-events:auto;cursor:crosshair;background:#7c3aed0d}.comment-layer.adding-mode:after{content:"Haz clic donde quieras agregar un comentario";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#7c3aede6;color:#fff;padding:1rem 2rem;border-radius:12px;font-size:1rem;pointer-events:none;animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}.comment-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;z-index:110}.marker-dot{width:32px;height:32px;background:linear-gradient(135deg,#7c3aed,#a78bfa);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #7c3aed80;transition:all .3s ease;border:2px solid rgba(255,255,255,.3)}.marker-dot:hover{transform:scale(1.2);box-shadow:0 6px 25px #7c3aedb3}.marker-icon{font-size:14px}.comment-popup{position:absolute;top:40px;left:50%;transform:translate(-50%);background:#0f0c29fa;border:1px solid rgba(124,58,237,.5);border-radius:12px;padding:1rem;min-width:250px;max-width:350px;box-shadow:0 10px 40px #00000080;z-index:120;animation:popupIn .2s ease-out}@keyframes popupIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.comment-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(124,58,237,.3)}.comment-author{font-weight:600;color:#a78bfa;font-size:.9rem}.comment-date{font-size:.75rem;color:#ffffff80}.comment-text{color:#e2e8f0;font-size:.9rem;line-height:1.5;margin:0 0 1rem;word-wrap:break-word}.comment-delete-btn{background:transparent;border:1px solid rgba(239,68,68,.5);color:#ef4444;padding:.4rem .8rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.comment-delete-btn:hover{background:#ef444433;border-color:#ef4444}.comment-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.comment-modal{background:linear-gradient(180deg,#1a1640,#0f0c29);border:1px solid rgba(124,58,237,.5);border-radius:16px;padding:2rem;width:90%;max-width:400px;box-shadow:0 20px 60px #00000080;animation:modalIn .3s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.comment-modal h3{color:#fff;margin:0 0 1.5rem;font-size:1.3rem;text-align:center;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-group{margin-bottom:1.25rem}.form-group label{display:block;color:#a78bfa;font-size:.85rem;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(124,58,237,.3);border-radius:8px;color:#fff;font-size:.95rem;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 15px #7c3aed4d}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-actions button{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff}.btn-cancel:hover{background:#ffffff1a;border-color:#ffffff80}.btn-submit{background:linear-gradient(135deg,#7c3aed,#a78bfa);border:none;color:#fff}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.comment-toggle-btn{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg,#7c3aed,#a78bfa);border:none;color:#fff;padding:.75rem 1.25rem;border-radius:30px;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;font-weight:600;box-shadow:0 6px 25px #7c3aed66;transition:all .3s ease;z-index:200}.comment-toggle-btn:hover{transform:translateY(-3px);box-shadow:0 10px 35px #7c3aed80}.comment-toggle-btn.active{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 6px 25px #ef444466}.comment-toggle-btn .btn-icon{font-size:1.1rem}.comment-toggle-btn .btn-text{font-size:.85rem}@media(max-width:768px){.comment-modal{width:95%;padding:1.5rem}.comment-toggle-btn{display:none}.comment-popup{min-width:200px;max-width:280px}}.proposal-page{width:100%;height:100vh;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;background:#0f0c29;position:relative}html,body{margin:0;padding:0;overflow:hidden;height:100%}.sections-container{width:100%}.section-wrapper{scroll-snap-align:start;scroll-snap-stop:always;height:100vh;min-height:100vh;position:relative;overflow:hidden}.section-wrapper.pricing-wrapper{height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden}.section-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#7c3aed 10%,#a78bfa 50%,#7c3aed 90%,transparent 100%);opacity:.7;z-index:10}.section-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,rgba(15,12,41,.9),transparent);pointer-events:none;z-index:5}.section-indicator{position:fixed;right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:100}.indicator-line{width:2px;height:100px;background:linear-gradient(to bottom,transparent,#7c3aed,#a78bfa,#7c3aed,transparent);position:relative;animation:lineGlow 2s ease-in-out infinite}.indicator-line:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#7c3aed;border-radius:50%;box-shadow:0 0 20px #7c3aed,0 0 40px #7c3aed80;animation:indicatorPulse 1s ease-in-out infinite}@keyframes lineGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes indicatorPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.5)}}.indicator-number{font-family:Courier New,monospace;font-size:1.5rem;font-weight:800;color:#a78bfa;text-shadow:0 0 20px rgba(167,139,250,.8);animation:numberGlow 2s ease-in-out infinite}@keyframes numberGlow{0%,to{text-shadow:0 0 20px rgba(167,139,250,.8)}50%{text-shadow:0 0 40px rgba(124,58,237,1),0 0 60px rgba(167,139,250,.5)}}.proposal-page:before,.proposal-page:after{content:"";position:fixed;width:150px;height:150px;z-index:50;pointer-events:none}.proposal-page:before{top:80px;left:0;border-left:3px solid rgba(124,58,237,.5);border-top:3px solid rgba(124,58,237,.5);animation:cornerPulse 3s ease-in-out infinite}.proposal-page:after{bottom:0;right:0;border-right:3px solid rgba(124,58,237,.5);border-bottom:3px solid rgba(124,58,237,.5);animation:cornerPulse 3s ease-in-out infinite 1.5s}@keyframes cornerPulse{0%,to{opacity:.3}50%{opacity:.8}}section{width:100%}@media(max-width:768px){.section-indicator{right:1rem;bottom:80px}.indicator-line{height:60px}.indicator-number{font-size:1.2rem}.proposal-page:before,.proposal-page:after{width:80px;height:80px}.section-wrapper{padding-bottom:70px}}.proposal-page.loading-state{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f0c29,#1a1640,#0f0c29)}.loading-container{text-align:center}.loading-spinner{width:60px;height:60px;border:3px solid rgba(124,58,237,.3);border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:Courier New,monospace;font-size:1rem;color:#a78bfa;letter-spacing:2px;animation:loadingPulse 1.5s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:.5}50%{opacity:1}}.proposal-page.error-state{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f0c29,#1a1640,#0f0c29)}.error-container{text-align:center;max-width:500px;padding:2rem}.error-icon{font-size:4rem;margin-bottom:1.5rem;animation:errorBounce 2s ease-in-out infinite}@keyframes errorBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-title{font-size:2rem;font-weight:800;color:#fff;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-message{font-size:1rem;color:#fffc;margin-bottom:1rem;line-height:1.6}.error-id{font-family:Courier New,monospace;font-size:.85rem;color:#7c3aed;background:#7c3aed1a;padding:.5rem 1rem;border-radius:8px;margin-bottom:2rem;border:1px solid rgba(124,58,237,.3)}.error-button{display:inline-block;background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;text-decoration:none;padding:.75rem 2rem;border-radius:30px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #7c3aed66}.error-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #7c3aed80}@media(max-width:768px){.error-title{font-size:1.5rem}.error-message{font-size:.9rem}.error-icon{font-size:3rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-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;color:#1a1a2e}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#7c3aed;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#6d28d9}