*{margin:0;padding:0;box-sizing:border-box}.background-grid{background-color:#000;background-image:linear-gradient(to right,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.1) 1px,transparent 1px);background-size:90px 80px;width:100%;height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}@media (max-width: 480px){body{font-size:14px}.navbar-container{flex-direction:column;align-items:center;padding:10px}.footer-container{flex-direction:column;text-align:center}}@media (max-width: 768px){.navbar-container{flex-direction:column;gap:10px}.footer-container{flex-direction:column;align-items:center;text-align:center}.social-icons{margin:10px 0}}@media (min-width: 769px) and (max-width: 1024px){.navbar-container{padding:15px 40px}.footer-container{padding:30px}}@media (min-width: 1025px){.navbar-container{padding:20px 80px}.footer-container{padding:40px 80px;justify-content:space-between}}.home{text-align:center;padding:6rem 2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.home h1{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.home h2{font-size:3rem;font-weight:600;margin-bottom:2rem}.home h2:after{display:none!important}.home h2 .typewriter{font-size:3rem;font-weight:700;-webkit-background-clip:text;background-clip:text;color:#5b548a}.home h2 .typewriter:hover{color:#60f;transform:scale(1.2)}.home__icons{margin-top:2rem;display:flex;justify-content:center;gap:2rem}.home__icons a{font-size:2rem;color:#5b548a;transition:transform .3s ease,color .3s ease}.home__icons a:hover{color:#60f;transform:scale(1.2)}:root{--color-primary: #3f51b5;--color-text: #ffffff}.about{padding:4rem 2rem;max-width:1200px;margin:0 auto;font-family:Inter,sans-serif}.about h2.section-title{font-size:2.5rem;margin-bottom:2rem;text-align:center;background:linear-gradient(90deg,#00feba,#5b548a,#ff6a00);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradientText 5s ease infinite;position:relative}.about h2.section-title:after{content:"";display:block;width:80px;height:4px;margin:.5rem auto 0;border-radius:2px;background:linear-gradient(90deg,#00feba,#5b548a,#ff6a00);background-size:300% 300%;animation:gradientText 5s ease infinite}.about p.section-subtitle{position:relative;overflow:hidden;text-align:center;color:#fff}.about .about-content{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;flex-wrap:wrap;flex:1;margin-top:6rem}.about .about-content p{flex:1;min-width:280px;font-size:1.2rem;line-height:1.7;color:#f3eeee}.about .about-content .about-image{flex:1;min-width:260px;display:flex;justify-content:center}.about .about-content .about-image img{max-width:300px;width:100%;border-radius:20px;box-shadow:0 0 20px #0003}.about .about-stats{display:flex;gap:2rem;margin-top:3rem;flex-wrap:wrap}.about .about-stats .stat{text-align:center}.about .about-stats .stat h3{font-size:2.5rem;color:var(--color-primary)}.about .about-stats .stat span{font-size:1rem;color:var(--color-text)}@media (max-width: 768px){.about-content{flex-direction:column;align-items:center;text-align:center}.about-content p{font-size:1.1rem}.about-content .about-image img{max-width:250px}.about-stats{flex-direction:column;align-items:center}}.experience{padding:4rem 2rem;color:#fff;text-align:center}.experience h2{font-size:2.5rem;margin-bottom:3rem;background:linear-gradient(90deg,#00feba,#5b548a,#ff6a00);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradientText 5s ease infinite}.experience h2:after{content:"";display:block;width:80px;height:4px;margin:.5rem auto 0;border-radius:2px;background:linear-gradient(90deg,#00feba,#5b548a,#ff6a00);background-size:300% 300%;animation:gradientText 5s ease infinite}.experience .experience-list{display:flex;flex-direction:column;gap:2rem;align-items:center}.experience .experience-item{background-color:#1a1a1a;border-left:5px solid #00feba;padding:1.5rem 2rem;border-radius:12px;max-width:700px;width:100%;text-align:left;box-shadow:0 4px 20px #00feba1a;transition:all .3s ease}.experience .experience-item:hover{transform:translateY(-5px);border-color:#ff6a00}.experience .experience-item h3{font-size:1.5rem;margin-bottom:.5rem;color:#00feba}.experience .experience-item .company{font-weight:700;color:#aaa}.experience .experience-item .period{display:block;font-size:.9rem;color:#666;margin-bottom:1rem}.experience .experience-item p{color:#ddd}.skills-section{position:relative;overflow:hidden;padding:4rem 2rem;text-align:center;color:#fff}.skills-section:before,.skills-section:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(120px);opacity:.4;z-index:0;animation:gradientBlob 10s ease-in-out infinite}.skills-section:before{top:-100px;left:-100px;background:linear-gradient(45deg,#00feba,#5b548a)}.skills-section:after{bottom:-100px;right:-100px;background:linear-gradient(45deg,#ff6a00,#00feba)}.skills-section h2{font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(90deg,#00feba,#5b548a,#ff6a00);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradientText 5s ease infinite;position:relative}.skills-section h2:after{content:"";display:block;width:80px;height:4px;margin:.5rem auto 0;border-radius:2px;background:linear-gradient(90deg,#00feba,#5b548a,#ff6a00);background-size:300% 300%;animation:gradientText 5s ease infinite}.skills-section .skills-grid,.skills-section .skills-stats{position:relative;z-index:1}.skill-card{position:relative;background-color:#1e1e1e;border-radius:10px;padding:20px;transition:transform .3s;text-align:center}.skill-card .icon-wrapper img{width:60px;height:60px}span{display:block;font-weight:700;margin-bottom:.5rem;z-index:1;position:relative}.progress-bar{width:100%;height:6px;background-color:#333;border-radius:3px;overflow:hidden}.progress-bar .progress{height:100%;transition:width .5s ease}.skills-stats{margin-top:3rem;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem 6rem}.skills-stats .stat{background-color:#1b1b1b;border-radius:12px;padding:1.5rem 1rem;width:180px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006;animation:floatCard 3s ease-in-out infinite;transition:transform .3s ease}.skills-stats .stat:hover{transform:scale(1.05)}.skills-stats .stat .emoji{font-size:2.2rem;margin-bottom:.5rem}.skills-stats .stat h3{font-size:1.4rem;margin:0;background:linear-gradient(90deg,#00feba,#5b548a,#ff6a00);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradientText 3s ease infinite}.skills-stats .stat p{font-size:1rem;color:#ccc;margin-top:.2rem}@keyframes gradientText{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-25px)}to{transform:translateY(0)}}@keyframes floatStar{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.05)}to{transform:translateY(0) scale(1)}}@keyframes gradientBlob{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.2) translate(30px,20px)}}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:60px;padding:60px}@media (max-width: 1200px){.skills-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 992px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.skills-grid{grid-template-columns:1fr}}.skill-card{aspect-ratio:1/1;background-color:#1e1e1e;border-radius:10px;padding:50px;position:relative;text-align:center;transition:transform .3s}.skill-card:hover{transform:scale(1.05)}.skill-card:hover .emoji{opacity:1;transform:translate(0)}.skill-card .icon-wrapper img{width:70px;height:70px}.skill-card .emoji{position:absolute;top:8px;right:8px;font-size:24px;opacity:0;transform:translate(5px,-5px);transition:all .3s ease;pointer-events:none}.projects{text-align:center;justify-content:center;font-family:Inter,sans-serif;font-weight:700;border-radius:20px}.projects h2{font-size:28px;margin-bottom:20px;text-align:center;margin-top:5rem;font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(90deg,#00feba,#5b548a,#ff6a00);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradientText 5s ease infinite;position:relative}.projects .paragraph-4{font-family:inter,sans-serif;font-size:11.5px;color:#f8f8f8;margin-bottom:30px;text-align:center;font-weight:500}.projects .project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:0 70px}.projects .project-grid .project{display:flex;flex-direction:column;align-items:center;margin-top:1rem;border:solid 1px}.projects .project-grid .project h5{color:#f6f3f5;margin-top:1rem;font-size:20px;font-family:Teko,sans-serif;font-weight:700;padding:1rem}.projects .project-grid .project .buttons-container{display:flex;justify-content:space-around;margin-left:15rem;cursor:pointer;margin-top:1rem}.projects .project-grid .project .button-github{background:transparent;font-size:17px;margin-right:1rem;border:none}.projects .project-grid .project .button-project{background:transparent;font-size:19px;border:none}.projects .project-grid .project .project-image{width:300px;height:300px}.projects .project-grid .project .description{font-family:Sora,sans-serif;font-size:11.5px;color:#060606;margin-top:1rem;text-align:center;font-weight:500}.projects .project-grid .project .languages{font-size:25px;display:flex;align-items:center;margin-top:18px}.html5-icon{color:#e34c26}.css3-icon{color:#2965f1}.javascript-icon{color:#f0db4f}.react-icon{color:#61dafb}.sass-icon{color:#c69}.certificados{padding:4rem 2rem;color:#fff;text-align:center}.certificados h2{font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(90deg,#00feba,#5b548a,#ff6a00);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradientText 5s ease infinite;position:relative}.certificados h2:after{content:"";display:block;width:80px;height:4px;margin:.5rem auto 0;border-radius:2px;background:linear-gradient(90deg,#00feba,#5b548a,#ff6a00);background-size:300% 300%;animation:gradientText 5s ease infinite}.certificados .certificados-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.certificados .cert-card{background:#1e1e1e;border:2px solid #f39c12;padding:1.5rem;border-radius:10px;width:300px;transition:transform .3s ease}.certificados .cert-card:hover{transform:translateY(-5px);background-color:#2c2c2c}.certificados .cert-card h3{font-size:1.5rem;color:#f39c12}.certificados .cert-card p{color:#ccc}.certificados .cert-card span{color:#aaa;font-size:.9rem}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background-color:#000;color:#fff;position:sticky;top:0;z-index:999}.navbar .logo img{height:40px;width:40px;object-fit:contain}.navbar .logo{display:flex;align-items:center;gap:1rem}.navbar .text{display:flex;flex-direction:column}.navbar .text h2{font-size:1.2rem;margin:0;text-decoration:none;border:none;box-shadow:none}.navbar .text h2:hover{color:#60f;transform:scale(1.2)}.navbar .text h2:after{display:none!important}.navbar .text p{font-size:.9rem;margin:0;color:#60f}.navbar .nav-links{display:flex;gap:30px}.navbar .nav-links a{color:#fff;text-decoration:none;font-size:1.1rem;transition:color .3s ease}.navbar .nav-links a:hover{color:#60f}.navbar .hamburger{display:none;font-size:26px;cursor:pointer;color:#fff}@media (max-width: 768px){.navbar .nav-links{position:absolute;top:70px;left:0;right:0;background-color:#111;flex-direction:column;align-items:center;padding:20px 0;display:none}.navbar .nav-links.open{display:flex}.navbar .nav-links a{padding:10px 0}.navbar .hamburger{display:block}}.contato{padding:4rem 2rem;text-align:center}.contato h2{font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(90deg,#00feba,#5b548a,#ff6a00);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradientText 5s ease infinite;position:relative}.contato h2:after{content:"";display:block;width:80px;height:4px;margin:.5rem auto 0;border-radius:2px;background:linear-gradient(90deg,#00feba,#5b548a,#ff6a00);background-size:300% 300%;animation:gradientText 5s ease infinite}.contato .form-contato{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:0 auto}.contato .form-contato input,.contato .form-contato textarea{padding:1rem;border-radius:8px;border:1px solid #ccc;background-color:#222;color:#fff;font-size:1rem}.contato .form-contato input:focus,.contato .form-contato textarea:focus{outline:none;border-color:#3498db}.contato .form-contato button{padding:1rem;border:none;border-radius:8px;background-color:#3498db;color:#fff;font-size:1rem;cursor:pointer}.contato .form-contato button:hover{background-color:#2980b9}@media (max-width: 768px){h1{font-size:2rem}.project-grid{grid-template-columns:1fr}}.footer{background-color:#000;color:#e0e0e0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;flex-wrap:nowrap}.footer .footer__logo img{height:50px;width:auto;object-fit:contain}.footer .footer__social{display:flex;gap:1.5rem}.footer .footer__social a{color:#e0e0e0;font-size:1.5rem;transition:color .3s ease}.footer .footer__social a:hover{color:#60f}.footer .footer__text{display:flex;flex-direction:column;font-size:.95rem;font-weight:300;line-height:1.4;text-align:right;font-weight:700}.footer .footer__text p{margin:0}.footer .footer__text p:not(:last-child){margin-bottom:.25rem}@media (max-width: 768px){.footer{flex-direction:column;gap:1rem;text-align:center}.footer .footer__logo,.footer .footer__text{text-align:center}.footer .footer__text{order:3}.footer .footer__social{order:2;justify-content:center}.footer .footer__logo{order:1}}