body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body.light{--bg:#fff;--text:#000;--primary:#f96d00}body.dark{--bg:#121212;--text:#fff;--primary:#f96d00}body{background-color:var(--bg);color:var(--text);font-family:Poppins,sans-serif;margin:0}.navbar{align-items:center;background:var(--bg);border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding:1rem 2rem}.tabs button{background:none;border:2px solid var(--primary);color:var(--text);cursor:pointer;margin:0 .5rem;padding:.5rem 1rem}.tabs button.active{background:var(--primary);color:#fff}.dark-toggle{background:none;border:none;cursor:pointer;font-size:1.5rem}.main-content{padding:2rem}.section{margin:0 auto;max-width:900px}.section.projects{background:#fff;background:var(--bg-color,#fff);border-radius:20px;box-shadow:0 15px 40px #0000001a;color:#111;color:var(--text-color,#111);margin:0 auto 3rem;max-width:900px;padding:4rem 2rem;text-align:center;transition:all .3s ease}.section.projects h2{color:#f96d00;color:var(--accent-color,#f96d00);font-size:2.5rem;margin-bottom:2rem;position:relative}.section.projects h2:after{background:#f96d00;background:var(--accent-color,#f96d00);border-radius:2px;content:"";display:block;height:4px;margin:.5rem auto 0;width:80px}.projects-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.project-card{background:#fff;background:var(--bg-color,#fff);border-radius:20px;box-shadow:0 10px 25px #00000014;max-width:350px;padding:2rem 1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:100%}.project-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.project-card h3{font-size:1.4rem;margin-bottom:.5rem}.project-card p{color:#555;font-size:1rem;margin-bottom:1rem}.project-links{display:flex;gap:1rem;justify-content:center}.project-btn{background:var(--primary);border-radius:12px;color:#fff;display:inline-block;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background .3s ease,transform .2s ease}.project-btn:hover{background:#ff8c00;transform:translateY(-2px)}body.dark .section.projects{background:#222;color:#f5f5f5}body.dark .project-card{background:#2c2c2c;box-shadow:0 10px 25px #0000004d;color:#f5f5f5}body.dark .project-card p{color:#ccc}body.dark .project-btn{background:var(--primary);color:#fff}body.dark .project-btn:hover{background:#ff8c00}.skill-bar{margin-bottom:1rem}.progress{background:#ddd;border-radius:5px;height:20px;overflow:hidden}.progress-inner{background:var(--primary);color:#fff;height:100%;line-height:20px;padding-right:.5rem;text-align:right}.section.about{background:#fff;background:var(--bg-color,#fff);border-radius:20px;box-shadow:0 15px 40px #0000001a;color:#111;color:var(--text-color,#111);margin:50px auto;max-width:800px;padding:40px;transition:all .3s ease}.section.about h2{color:#f96d00;color:var(--accent-color,#f96d00);font-size:2.5rem;margin-bottom:20px;position:relative}.section.about h2:after{background:#f96d00;background:var(--accent-color,#f96d00);border-radius:2px;content:"";display:block;height:3px;margin-top:8px;width:60px}.section.about p{font-size:1.15rem;line-height:1.8;margin-bottom:25px}.section.about ul{list-style:none;padding:0}.section.about ul li{align-items:center;background:#f96d000d;border-radius:12px;display:flex;margin-bottom:12px;padding:12px 15px;transition:all .3s ease}.section.about ul li:hover{background:#f96d0026;transform:translateX(5px)}body.dark{--bg-color:#1a1a1a;--text-color:#f5f5f5;--accent-color:orange}body.dark .section.about{background:#222;color:#f5f5f5}body.dark .section.about h2:after{background:orange;background:var(--accent-color,orange)}body.dark .section.about ul li{background:#ffa5001a;color:#f5f5f5}.section.skills{padding:4rem 2rem;text-align:center}.section.skills h2{font-size:2.5rem;margin-bottom:3rem;position:relative}.section.skills h2:after{background:orange;border-radius:2px;content:"";display:block;height:4px;margin:.5rem auto 0;width:80px}.skills-group{margin-bottom:3rem}.skills-group h3{color:#333;font-size:1.4rem;margin-bottom:1.5rem;position:relative}.skills-group h3:after{background:orange;border-radius:2px;content:"";display:block;height:3px;margin:.3rem auto 0;width:50px}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.skill-card{background:#fff;border-radius:12px;box-shadow:0 6px 15px #00000014;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.skill-card:hover{box-shadow:0 12px 25px #00000026;transform:translateY(-5px)}.skill-card .icon{color:orange;font-size:2rem;margin-bottom:.75rem}.skill-card p{color:#444;font-size:1rem;font-weight:500;margin:0}body.dark .skills-group h3{color:#f5f5f5}body.dark .skill-card{background:#2c2c2c;box-shadow:0 6px 15px #0000004d;color:#f5f5f5}body.dark .skill-card .icon{color:orange}body.dark .skill-card p{color:#ddd}.section.contact{background:#f9f9f9;color:#111;padding:4rem 2rem}.section.contact h2{font-size:2.5rem;margin-bottom:2rem;position:relative;text-align:center}.section.contact h2:after{background:orange;border-radius:2px;content:"";display:block;height:4px;margin:.5rem auto 0;width:80px}.contact-form{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000014;margin:0 auto;max-width:600px;padding:2rem}.contact-form input,.contact-form textarea{border:2px solid #ccc;border-radius:8px;font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;transition:border-color .3s ease,background .3s ease;width:100%}.contact-form input:focus,.contact-form textarea:focus{background:#fffbe6;border-color:orange;outline:none}.contact-form input[type=submit]{background:orange;border:none;color:#fff;cursor:pointer;transition:background .3s ease}.contact-form input[type=submit]:hover{background:#ff8c00}body.dark .section.contact{background:#222;color:#f5f5f5}body.dark .contact-form{background:#2c2c2c;box-shadow:0 10px 25px #0000004d}body.dark .contact-form input,body.dark .contact-form textarea{background:#333;border:2px solid #555;color:#f5f5f5}body.dark .contact-form input:focus,body.dark .contact-form textarea:focus{background:#3a3a3a;border-color:orange}body.dark .contact-form input[type=submit]{background:orange;color:#fff}body.dark .contact-form input[type=submit]:hover{background:#ff8c00}@media (max-width:768px){.navbar{align-items:flex-start;flex-direction:column;padding:1rem}.tabs{display:flex;flex-wrap:wrap;margin-top:1rem}.tabs button{flex:1 1;margin:.25rem}.section.about{margin:20px 10px;padding:20px}.section.about h2{font-size:2rem}.section.about p{font-size:1rem}}@media (max-width:480px){.skills-grid{grid-template-columns:1fr}}@media (max-width:360px){.projects-grid{grid-template-columns:1fr}}@media (max-width:500px){.contact-form{padding:1rem}}.social-links{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:20px}.social-links .linkedin{color:#0077b5;font-size:1.8rem;transition:transform .2s ease,color .3s ease}.social-links .linkedin:hover{color:#005582;transform:scale(1.2)}.social-links .facebook{color:#1877f2;font-size:1.8rem;transition:transform .2s ease,color .3s ease}.social-links .facebook:hover{color:#0e5aaf;transform:scale(1.2)}.social-links .whatsapp{color:#25d366;font-size:1.8rem;transition:transform .2s ease,color .3s ease}.social-links .whatsapp:hover{color:#128c7e;transform:scale(1.2)}.social-links .github{color:#333;font-size:1.8rem;transition:transform .2s ease,color .3s ease}.social-links .github:hover{color:#000;transform:scale(1.2)}
/*# sourceMappingURL=main.eb3a9fde.css.map*/