*{margin:0;padding:0;box-sizing:border-box}body{position:relative;font-family:'Libre Franklin',sans-serif;line-height:1.6;color:#e0e0e0;background:#050505;min-height:200vh;padding-top:100px;overflow-x:hidden;position:relative}.grid-section{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:-10}.grid-container{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));grid-template-rows:repeat(auto-fill,minmax(40px,1fr));pointer-events:none}.grid-line{position:absolute;background-color:rgb(255 255 255 / .08);transition:background-color 0.15s ease}.vertical{width:1px;height:100%;top:0}.horizontal{height:1px;width:100%;left:0}.grid-fade{position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to top,rgb(5 5 5) 0%,rgb(5 5 5 / .8) 30%,rgb(5 5 5 / .4) 70%,#fff0 100%);pointer-events:none}.container{max-width:1400px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.header{position:fixed;top:15px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);padding:1rem 2.2rem;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(16px) saturate(100%);-webkit-backdrop-filter:blur(16px) saturate(100%);background-color:rgb(10 10 10 / .15);border:1px solid rgb(255 255 255 / .08);border-radius:16px;z-index:2147483647;transition:all 0.3s ease;box-shadow:0 4px 30px rgb(0 0 0 / .5)}.header:hover{background-color:rgb(15 15 15 / .4);box-shadow:0 6px 35px rgb(0 0 0 / .5)}.logo{font-size:1.4rem;font-weight:700;color:#f0f0f0;text-decoration:none;display:flex;align-items:center;gap:12px;letter-spacing:.5px}#image-squares{width:20px;height:20px;animation:steprotate 4s steps(4,end) infinite}@keyframes steprotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.nav-list{display:flex;list-style:none;gap:1.8rem;z-index:1001}.nav-list.active{z-index:2000}.nav-link{text-decoration:none;color:#d0d0d0;font-weight:500;font-size:1.1rem;padding:.6rem 1rem;border-radius:10px;transition:all 0.3s ease;position:relative;letter-spacing:.3px}.nav-link:hover{color:#fff;background-color:rgb(50 50 50 / .4)}.nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#707070;transition:all 0.3s ease;transform:translateX(-50%)}.nav-link:hover::after{width:60%}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;cursor:pointer;z-index:1001}.menu-toggle span{height:2.5px;width:100%;background-color:#d0d0d0;border-radius:2px;transition:all 0.3s ease}.super-title{position:absolute;top:0;left:50%;transform:translateX(-50%);width:42rem;text-align:center;z-index:0;padding-top:9rem}.super-title h1{font-family:"Libre Franklin",sans-serif;font-weight:400;font-size:65px;line-height:1.1;color:#e0e0e0}@keyframes star-rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.content{max-width:850px;margin:0 auto 0 auto;padding:2rem 2rem 0 2rem;position:relative}#experimento{position:relative;margin:0 1rem;padding:0}#canvas-container{margin:0 auto;padding:0;width:100%;max-width:100%;height:560px;justify-content:center;align-items:center;position:relative;overflow:hidden}.section{padding:2.5rem}h2{font-size:2rem;margin-bottom:1.5rem;color:#f0f0f0;font-weight:700;letter-spacing:.5px;text-align:center}p{font-size:1.2rem;margin-bottom:1rem;line-height:1.7;color:#b8b8b8}a{color:#b8b8b8;text-decoration:underline;cursor:pointer;font-weight:500;transition:all 0.3s ease}a:hover{color:#f0f0f0}.janela{position:relative;width:100%;max-width:720px;margin:0 auto 3.15rem auto;filter:brightness(80%);transition:filter 0.4s ease;cursor:pointer}.janela:hover{filter:brightness(100%)}.janela img{border-radius:16px}#tecnologias{padding-top:0}.janela img{width:100%;height:auto;display:block}.portfolio-button-container{display:flex;justify-content:center;margin:2.5rem 0}.liquid-glass-btn{padding:1.2rem 2.5rem;font-size:1.2rem;font-weight:600;color:#f0f0f0;text-decoration:none;border-radius:16px;backdrop-filter:blur(16px) saturate(100%);-webkit-backdrop-filter:blur(16px) saturate(100%);background-color:rgb(20 20 20 / .6);border:1px solid rgb(255 255 255 / .08);box-shadow:0 4px 30px rgb(0 0 0 / .3);transition:all 0.3s ease;position:relative;overflow:hidden;letter-spacing:.5px}.liquid-glass-btn:hover{background-color:rgb(30 30 30 / .8);box-shadow:0 6px 35px rgb(0 0 0 / .5);transform:translateY(-2px);border:1px solid rgb(255 255 255 / .12)}.liquid-glass-btn:active{transform:translateY(0)}.liquid-glass-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .06),transparent);transition:left 0.7s ease}.liquid-glass-btn:hover::before{left:100%}#footer{margin:0;padding:1.5rem 2rem;position:relative;overflow:hidden;border-top:1px solid rgb(255 255 255 / .08)}.footer-content{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.footer-contact-row{display:flex;justify-content:center;margin-bottom:.4rem;flex-wrap:wrap}.footer-contact-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#d0d0d0;transition:all 0.3s ease;padding:.4rem 0;border-radius:12px;min-width:60px}.footer-contact-item:hover{color:#fff}.footer-contact-icon{font-size:1.6rem;margin-bottom:.6rem;transition:all 0.3s ease}.footer-contact-item:hover .footer-contact-icon{transform:scale(1.15)}.footer-contact-name{font-size:.9rem;font-weight:500;text-align:center}.footer-copyright{text-align:center;color:#888;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.4rem}.footer-copyright p{margin-bottom:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#b8b8b8}::selection{background:#cacaca;color:#111}@media screen and (max-width:900px){.header{padding:.8rem 1.2rem;width:calc(100% - 30px);top:12px}.nav-list{gap:1.2rem}.nav-link{font-size:1.05rem;padding:.5rem .8rem}.super-title{width:33rem}.super-title h1{font-size:58px}.footer-cards{gap:1.5rem}.footer-card{width:100%;max-width:350px}}@media screen and (max-width:768px){.menu-toggle{display:flex}.nav-list{position:fixed;top:90px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);flex-direction:column;background-color:rgb(15 15 15 / .95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1.5rem;gap:1.2rem;clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path 0.4s ease-in-out;border:1px solid rgb(255 255 255 / .08);border-radius:16px;box-shadow:0 10px 30px rgb(0 0 0 / .5)}.nav-list.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.header{padding:1rem 1.5rem}h2{font-size:1.5rem}.super-title{width:28rem}.super-title h1{font-size:50px}.logo{font-size:1.2rem}#image-squares{width:16px;height:16px}body{padding-top:75px}body .content .section p{font-size:1.1rem;line-height:1.6}.footer-copyright p{font-size:.9rem}}@media screen and (max-width:480px){.super-title{width:18rem;padding-top:9.5rem}.super-title h1{font-size:40px}.super-title h1 img{width:30px!important;height:30px!important}}.menu-toggle.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.nav-link:focus{outline:2px solid rgb(255 255 255 / .3);outline-offset:2px}.section p{font-size:1.18rem;line-height:1.8}