@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--background-color: #1a1a1a;--text-color: #f0f0f0;--primary-color: #00f5c3;--secondary-color: #333;--font-family: "Poppins", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);line-height:1.6}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:darken(var(--primary-color),10%)}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:.8rem}section{padding:80px 5%;min-height:80vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;background-color:var(--primary-color);color:var(--background-color);padding:10px 25px;border-radius:25px;font-weight:500;text-align:center;cursor:pointer;transition:background-color .3s ease,transform .3s ease;border:none}.btn:hover{background-color:#00d1a7;transform:translateY(-2px)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.navbar-header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--background-color);box-shadow:0 2px 10px #0000001a}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}.navbar-logo a{text-decoration:none;display:flex;align-items:center;transition:transform .3s ease}.navbar-logo a:hover{transform:scale(1.05)}.navbar-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.navbar-links a{text-decoration:none;color:var(--text-color);font-weight:500;transition:color .3s ease;position:relative}.navbar-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease}.navbar-links a:hover:after{width:100%}.navbar-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.navbar-toggle span{display:block;width:25px;height:3px;background-color:var(--text-color);margin:5px 0;transition:.3s}@media (max-width: 768px){.navbar{padding:1rem}.navbar-toggle{display:block}.navbar-links{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background-color:var(--background-color);flex-direction:column;align-items:center;padding:2rem 0;transition:.3s}.navbar-links.active{left:0}.navbar-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}.navbar .btn-outline{background-color:var(--primary-color);color:var(--background-color);padding:8px 20px;border-radius:20px;border:1px solid var(--primary-color);transition:all .3s ease}.navbar .btn-outline:hover{background-color:#00d1a7;border-color:#00d1a7;transform:translateY(-1px);color:var(--background-color)}.navbar-toggle{display:none;flex-direction:column;justify-content:space-around;width:25px;height:20px;background:transparent;border:none;color:var(--text-color);cursor:pointer;padding:0}.navbar-toggle span{display:block;width:100%;height:2px;background-color:var(--text-color);border-radius:1px;transition:all .3s ease-in-out}.navbar-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (max-width: 768px){.navbar-links{display:none;position:absolute;top:60px;left:0;right:0;flex-direction:column;background-color:var(--secondary-color);padding:1rem 0;text-align:center;box-shadow:0 4px 6px #0000001a}.navbar-links.active{display:flex}.navbar-links li{padding:.8rem 0}.navbar .btn-outline{display:none}.navbar-toggle{display:block}}.logo-container{display:flex;align-items:center;justify-content:center;gap:.2rem}.logo-text{font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:800;color:#000;letter-spacing:1px;text-transform:uppercase;position:relative;padding:.2rem 0;transition:all .3s ease}.logo-dot{font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:800;color:var(--primary-color);line-height:1;transition:all .3s ease}.logo-container:hover .logo-text{color:var(--primary-color)}.logo-container:hover .logo-dot{transform:scale(1.2);color:#000}@media (max-width: 768px){.logo-text{font-size:1.4rem}.logo-dot{font-size:1.8rem}}.hero{display:flex;align-items:center;justify-content:center;min-height:100vh;padding-top:80px;background-color:var(--background-color);text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:800px;margin:0 auto;padding:0 20px}.hero-text{width:100%;max-width:100%}.hero-greeting{font-size:1.5rem;font-weight:500;color:var(--text-color);margin-bottom:1rem}.hero-name{font-size:4.5rem;color:var(--text-color);margin-bottom:1rem;line-height:1.1}.hero-title{font-size:2rem;font-weight:600;color:var(--primary-color);margin-bottom:2rem}.hero-description{font-size:1.2rem;color:var(--text-color);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-btn{padding:15px 40px;font-size:1.2rem;border-radius:30px;background-color:var(--primary-color);color:#fff;text-decoration:none;transition:all .3s ease}.hero-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0000001a}@media (max-width: 992px){.hero-name{font-size:3.5rem}.hero-title{font-size:1.8rem}.hero-description{font-size:1.1rem}}@media (max-width: 768px){.hero{min-height:auto;padding-top:60px;padding-bottom:40px}.hero-name{font-size:2.8rem}.hero-title{font-size:1.5rem}.hero-description{font-size:1rem}.hero-btn{padding:12px 30px;font-size:1.1rem}}.about-section{padding:60px 0;background-color:var(--background-color)}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-title{font-size:2.5rem;color:var(--text-color);margin-bottom:2rem}.about-text{font-size:1.1rem;color:var(--text-color);line-height:1.7;margin-bottom:1.5rem;text-align:justify}@media (max-width: 768px){.about-title{font-size:2rem}.about-text{font-size:1rem}}.skills-section{padding:100px 0;background-color:var(--background-color)}.section-title{font-size:2.5rem;color:var(--text-color);text-align:center;margin-bottom:3rem;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background-color:var(--primary-color);border-radius:2px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 20px}.skill-category{background-color:var(--secondary-color);border-radius:15px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.skill-category:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.category-title{font-size:1.5rem;color:var(--text-color);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.skills-list{display:flex;flex-direction:column;gap:1rem}.skill-item{display:flex;align-items:center;gap:1rem;padding:.8rem;background-color:#ffffff0d;border-radius:8px;transition:background-color .3s ease}.skill-item:hover{background-color:#ffffff1a}.skill-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border-radius:50%}.skill-name{font-size:1rem;color:var(--text-color)}@media (max-width: 768px){.skills-section{padding:60px 0}.section-title{font-size:2rem}.skills-grid{grid-template-columns:1fr}.skill-category{padding:1.5rem}}@media (max-width: 480px){.skills-grid{grid-template-columns:repeat(2,1fr)}}.experience-section-compact{padding:80px 0;background-color:var(--secondary-color);text-align:center}.experience-title-compact{font-size:2.5rem;color:var(--text-color);margin-bottom:3rem;position:relative;display:inline-block}.experience-title-compact:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background-color:var(--primary-color);border-radius:2px}.company-logos-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4rem;max-width:1000px;margin:0 auto;padding:0 20px}.company-logo-item{height:80px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.company-logo-item:hover{transform:translateY(-5px)}.company-logo-item img{max-height:100%;max-width:200px;object-fit:contain;opacity:.85;transition:opacity .3s ease}.company-logo-item:hover img{opacity:1}.experience-summary{margin-top:2rem;font-size:1rem;color:#bbb}@media (max-width: 768px){.experience-section-compact{padding:60px 0}.experience-title-compact,.contact-title{font-size:2rem}.company-logos-container{gap:2rem}.company-logo-item{height:60px}}@media (max-width: 480px){.company-logos-container{gap:2rem}.company-logo-item{height:60px;flex-basis:calc(50% - 1rem);justify-content:center}}.contact-links-container{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:2rem}.contact-link{display:flex;align-items:center;gap:.5rem;color:var(--text-color);text-decoration:none;padding:.5rem 1rem;border-radius:5px;transition:all .3s ease}.contact-link:hover{color:var(--primary-color);transform:translateY(-2px)}.contact-link svg{width:20px;height:20px}.contact-link span{font-size:1rem}@media (max-width: 768px){.contact-links-container{gap:1.5rem}.contact-link{padding:.4rem .8rem}.contact-link svg{width:18px;height:18px}.contact-link span{font-size:.9rem}}.extensive-contact-section{margin-top:6rem;padding-top:4rem;border-top:1px solid rgba(255,255,255,.1)}.contact-title{font-size:2.5rem;color:var(--text-color);margin-bottom:3rem;text-align:center;position:relative;display:inline-block}.contact-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background-color:var(--primary-color);border-radius:2px}.contact-links-container.extensive{display:flex;justify-content:center;gap:3rem;max-width:800px;margin:0 auto}.contact-link.extensive{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background-color:var(--background-color);border-radius:15px;text-decoration:none;color:var(--text-color);transition:all .3s ease;width:300px;box-shadow:0 4px 6px #0000001a;text-wrap:nowrap}.contact-link.extensive:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003;background-color:var(--primary-color);color:#fff}.contact-link.extensive .contact-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border-radius:50%;color:currentColor}.contact-link.extensive .contact-icon svg{width:24px;height:24px}.contact-link.extensive .contact-text h3{font-size:1.2rem;margin-bottom:.5rem}.contact-link.extensive .contact-text p{font-size:.9rem;opacity:.8}@media (max-width: 992px){.company-logos-container{gap:3rem}.company-logo-item{height:70px}}@media (max-width: 768px){.contact-links-container.extensive{flex-direction:column;gap:1.5rem}.contact-link.extensive{width:100%;max-width:300px;margin:0 auto}}