@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}#root{width:100%}body{min-height:100vh;font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.container{max-width:1024px;margin:20px auto 0;display:flex;flex-direction:column;text-align:center;align-items:center;gap:1rem}html,body{margin:0;padding:0}li{width:100%;padding:clamp(1rem,.857rem + .381vw,1.2rem);list-style:none}.link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:clamp(1.2rem,.629rem + 1.524vw,1.6rem);width:300px;height:50px;background-color:#000000dc;color:#fff;border-radius:8px;cursor:pointer;position:relative;text-decoration:none;font-family:Poppins,sans-serif;font-size:clamp(.8rem,.586rem + .571vw,1rem)}.link img{width:28px;height:28px;filter:invert(1)}.link:before{content:"";position:absolute;inset:-1px 0 0 -4px;margin:auto;width:310px;height:60px;border-radius:10px;background:linear-gradient(-45deg,#e81cff,#40c9ff);z-index:-10;pointer-events:none;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.link:after{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(-45deg,#fc00ff,#00dbde);transform:translateZ(0) scale(.95);filter:blur(20px)}.link:hover:after{filter:blur(30px)}.link:hover:before{transform:rotate(-180deg)}.link:active:before{scale:.7}ul{padding:0;margin:0}header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.foto{width:180px;height:180px;border-radius:50%;padding:5px;margin-top:15px;background:linear-gradient(-45deg,#e81cff,#40c9ff)}.foto img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:50%}.texto{display:flex;flex-direction:column;align-items:center;gap:7px}.dev{font-size:clamp(.8rem,.586rem + .571vw,1rem);font-style:italic;background:linear-gradient(90deg,#00c6ff,#a044ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:flutuar 3s ease-in-out infinite}.texto h1{font-family:Montserrat,sans-serif;font-size:clamp(2rem,1.714rem + .762vw,2.4rem);width:auto;white-space:nowrap}.sub{width:clamp(20rem,16.429rem + 9.524vw,25rem);font-size:clamp(1rem,.814rem + .762vw,1.2rem)}.bg-video{width:30px;position:relative}.hero{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:30vh;overflow:hidden;text-align:center}.hero-content h1{font-family:Roboto,sans-serif;font-size:clamp(1.5rem,5vw,2.8rem);color:#f5f5f5}.hero-content p{margin-top:20px;font-size:clamp(.8rem,3vw,1.3rem);font-style:italic;background:linear-gradient(90deg,#00c6ff,#a044ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:flutuar 3s ease-in-out infinite}.bg-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:#000c;z-index:-1}.hero-content{position:relative;z-index:2;color:#fff;max-width:900px;padding:0 1rem}.hero-content span{color:green;font-size:clamp(2rem,5vw,4rem)}@media(min-width:768px){.hero{height:60vh}.hero-content p,.hero-content h1{margin-top:70px}}@media(min-width:1024px){.hero{height:80vh}.hero-content p,.hero-content h1{margin-top:100px}}h2{font-size:18px}.servico{display:flex;flex-direction:column;text-align:start}ul{display:flex;flex-direction:column;text-align:start;margin-bottom:10px}.servico li{width:clamp(21rem,19.571rem + 3.81vw,23rem);margin:10px;font-size:14px;display:flex;align-items:flex-start;gap:10px;padding:12px;border:2px solid transparent;border-radius:12px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(-45deg,#e81cff,#40c9ff) border-box}.titulo{display:flex;align-items:center;gap:12px}.titulo img{width:30px}.icon{width:20px;flex-shrink:0}.texto-item{line-height:1.4}.button-whats{padding:10px;width:250px;color:#f5f5f5;border-radius:8px;text-decoration:none;background:linear-gradient(-45deg,#e81cff,#40c9ff);animation:flutuar 3s ease-in-out infinite,brilho 3s ease-in-out infinite}.cta{display:flex;text-align:center;justify-content:center;margin-top:10px;margin-bottom:20px}@keyframes flutuar{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes brilho{0%{box-shadow:0 0 5px #e81cff66,0 0 10px #40c9ff66}50%{box-shadow:0 0 20px #e81cffcc,0 0 30px #40c9ffcc}to{box-shadow:0 0 5px #e81cff66,0 0 10px #40c9ff66}}