@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--primary-color: #00f7a1;--background-color: #121212;--surface-color: #1e1e1e;--text-color: #e0e0e0;--text-secondary-color: #a0a0a0;--border-color: #333333;--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);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:#fff}h1,h2,h3{font-weight:600}.section{padding:100px 0;min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.section-title{font-size:2.5rem;margin-bottom:50px;text-align:center;color:var(--primary-color)}.container{width:90%;max-width:1100px;margin:0 auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00d38a}.section-title-special{font-family:Montserrat,sans-serif;font-weight:900;font-style:italic;line-height:1;text-transform:uppercase;font-size:clamp(3.5rem,10vw,8rem);white-space:nowrap;position:relative;display:inline-block;margin-bottom:2rem;padding:0 1rem}.title-outline{position:absolute;top:50%;left:0;z-index:1;color:transparent;-webkit-text-stroke:2px var(--primary-color)}@media (max-width: 480px){.title-outline{-webkit-text-stroke-width:1px}}.App{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1;padding-left:5%;padding-right:5%}.container{width:100%;max-width:1140px;margin-left:auto;margin-right:auto}html{font-size:16px}@media (max-width: 992px){html{font-size:15px}.section-title{font-size:2.2rem}}@media (max-width: 768px){html{font-size:14px}.section{padding-top:60px;padding-bottom:60px}.section-title{font-size:2rem;margin-bottom:30px}.about-content{grid-template-columns:1fr;text-align:center}.main{flex-grow:1;padding-left:5%;padding-right:5%}}:root{--color-chakra:#00F7A1;--color-nextjs: #ffffff}.tech-name-as-icon{font-size:1rem;font-weight:800;text-align:center;color:var(--primary-color);display:flex;align-items:center}.tech-stack-grid{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:flex-start}.tech-title-container{top:120px;position:sticky;text-align:right}.title-outline{position:absolute;top:40%;left:20%;z-index:1;color:transparent;-webkit-text-stroke:2px var(--primary-color)}.tech-content-container{display:flex;flex-direction:column;gap:2.5rem}.tech-category h3{font-size:1.2rem;font-weight:500;color:var(--text-secondary-color);margin-bottom:1.5rem}.tech-icons-grid{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.tech-card{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.1);position:relative;transition:transform .3s ease}.tech-card:hover{transform:translateY(-5px)}.tech-card:after{content:attr(data-tooltip);position:absolute;bottom:110%;background-color:var(--primary-color);color:var(--background-color);padding:.4rem .8rem;border-radius:5px;font-size:.9rem;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.tech-card:hover:after{opacity:1;visibility:visible;transform:translateY(0)}.tech-icon{font-size:2.5rem;z-index:2;color:var( --color-chakra);display:flex;align-items:center;justify-content:center}.tech-card:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:radial-gradient(circle,var(--glow-color, transparent) 0%,transparent 40%);filter:blur(20px);z-index:1;opacity:.7;transition:opacity .3s ease}.tech-card:hover:before{opacity:1}.tech-card{--glow-color: var(--color-nextjs)}@media (max-width: 992px){.tech-stack-grid{grid-template-columns:1fr;gap:3rem}.tech-title-container{order:-1;text-align:center;margin-top:0;margin-bottom:2rem;position:static}.tech-content-container{order:1}.tech-category h3{text-align:center}.tech-icons-grid{justify-content:center}}.fade-in-section{opacity:0;transform:translateY(20px);visibility:hidden;transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,visibility,transform}.fade-in-section.is-visible{opacity:1;transform:translateY(0);visibility:visible}.header{position:fixed;top:0;left:0;width:100%;padding:1rem 5%;background-color:#121212cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--border-color);transition:padding .3s ease}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto}.nav-menu{display:flex;align-items:center;gap:2.5rem;margin-left:auto}.nav-menu a{text-decoration:none;color:var(--text-secondary-color);font-weight:500;transition:color .3s ease}.nav-menu a:hover,.nav-menu a.active{color:var(--primary-color)}.hamburger{display:none;cursor:pointer;background:transparent;border:none;padding:0;z-index:1001}.hamburger-box{width:30px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{width:30px;height:3px;background-color:var(--text-color);border-radius:4px;position:absolute;transition:transform .25s ease-in-out,background-color .25s ease-in-out}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger.active .hamburger-inner{background-color:transparent}.hamburger.active .hamburger-inner:before{transform:translateY(10px) rotate(45deg)}.hamburger.active .hamburger-inner:after{transform:translateY(-10px) rotate(-45deg)}@media (max-width: 768px){.header{padding:1rem 5%}.nav-menu{position:fixed;top:0;left:-100%;width:100%;height:100vh;background-color:var(--background-color);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:left .3s ease-in-out}.nav-menu.active{left:0}.nav-menu a{font-size:2rem}.hamburger{display:block}}:root{--primary-glow-color: #00f7a1}.home-section{min-height:100vh;width:100%;background-color:#0000;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:0 5%}.home-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,#00f7a133,#0000 70%);filter:blur(100px);z-index:1}.home-content{z-index:2;max-width:800px}.intro-text{font-size:1.8rem;font-weight:500;color:var(--text-secondary-color);margin-bottom:1rem}.main-title{font-family:Montserrat,sans-serif;font-size:clamp(2.5rem,8vw,5rem);font-weight:900;color:var(--primary-glow-color);line-height:1.2;margin-bottom:1.5rem;text-shadow:0 0 15px var(--primary-glow-color);min-height:120px}.home-bio{font-size:1.2rem;line-height:1.7;color:var(--text-secondary-color);margin-bottom:2.5rem}.home-socials{display:flex;gap:1rem;justify-content:center}.home-socials a{font-size:1.8rem;color:var(--text-color);padding:.8rem;border-radius:12px;background:#fff0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 15px #00f7a133;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.home-socials a:hover{color:var(--primary-glow-color);transform:translateY(-5px);box-shadow:0 0 25px #00f7a180}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:flex-start}.about-title-container{position:sticky;top:120px}.section-title-special{font-family:Montserrat,sans-serif;font-weight:900;font-style:italic;font-size:8rem;line-height:1;text-transform:uppercase;position:relative;display:inline-block}.title-outline{position:absolute;top:90%;left:50%;z-index:1;color:transparent;-webkit-text-stroke:2px var(--primary-color)}.bio-box{background-color:var(--surface-color);padding:2rem;border-radius:15px;border:1px solid var(--border-color);margin-bottom:3rem}.bio-box p{font-size:1.1rem;line-height:1.7;color:var(--text-secondary-color);margin-bottom:1rem}.bio-box p:last-child{margin-bottom:0}.highlight{color:var(--primary-color);font-weight:600}.experience-section h3,.certification-section h3{font-size:1.5rem;margin-bottom:2rem;font-weight:700}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:6px;top:5px;bottom:5px;width:2px;background-color:var(--primary-color);opacity:.3}.timeline-item{position:relative;margin-bottom:2.5rem}.timeline-item:last-child{margin-bottom:0}.timeline-item:before{content:"";position:absolute;left:-30px;top:5px;width:14px;height:14px;border-radius:50%;background-color:var(--background-color);border:2px solid var(--primary-color)}.timeline-item h4{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.timeline-item .company-info{color:var(--text-secondary-color);margin-bottom:1rem;font-weight:500}.timeline-item .company-info a{text-decoration:none}.timeline-item ul{list-style-type:disc;padding-left:20px;color:var(--text-secondary-color)}.timeline-item ul li{margin-bottom:.75rem;line-height:1.6}@media (max-width: 992px){.about-grid{grid-template-columns:1fr}.about-title-container{position:static;text-align:center;margin-bottom:3rem}.section-title-special{font-size:6rem}}@media (max-width: 576px){.section-title-special{font-size:4rem}.title-outline{-webkit-text-stroke-width:1px}}.footer{padding:25px 0;text-align:center;background-color:var(--surface-color);border-top:1px solid var(--border-color)}.footer-text{color:var(--text-secondary-color);font-size:.9rem}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-top:6rem}.project-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:15px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px #00f7a126}.project-image{overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.project-content h3{font-size:1.8rem;line-height:1.2;font-weight:600;color:var(--text-color);margin-bottom:1rem}.project-content p{color:var(--text-secondary-color);margin-bottom:1.5rem;line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;margin-top:auto}.project-tags span{background-color:#00f7a11a;color:var(--primary-color);padding:.3rem .8rem;border-radius:5px;font-weight:500;font-size:.8rem}.project-links{display:flex;gap:1.5rem}.project-links a{color:var(--text-secondary-color);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:color .3s ease}.project-links a:hover{color:var(--primary-color)}.section-title-special{font-family:Montserrat,sans-serif;font-weight:900;font-style:italic;font-size:8rem;line-height:1;text-transform:uppercase;position:relative;display:inline-block;margin-bottom:1.5rem}.title-solid{color:#fff;position:relative;z-index:2}.title-outline{position:absolute;top:60%;left:0;z-index:1;color:transparent;-webkit-text-stroke:2px var(--primary-color)}@media (max-width: 768px){.section-title-special{font-size:5rem}.projects-grid{grid-template-columns:1fr}}@media (max-width: 480px){.section-title-special{font-size:3.5rem}.title-outline{-webkit-text-stroke-width:1px}.projects-grid{grid-template-columns:1fr}}