@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e6edf3;background-color:#0d1117;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0d1117,#161b22);color:#e6edf3}#root{width:100%;min-height:100vh}a{font-weight:500;color:#f97316;text-decoration:inherit}a:hover{color:#ea580c}h1,h2,h3,h4,h5,h6{color:#e6edf3;font-weight:600}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#21262d;color:#e6edf3;cursor:pointer;transition:all .25s ease}button:hover{border-color:#f97316;background-color:#30363d}button:focus,button:focus-visible{outline:2px solid #f97316;outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.App{min-height:100vh;background:#000;color:#e6edf3;font-family:Inter,sans-serif}main{width:100%}main section{min-height:100vh;scroll-margin-top:80px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:2.5rem;font-weight:600;text-align:center;margin-bottom:3rem;color:#f97316}@media(max-width:1024px){.container{padding:0 1.5rem}.section-title{font-size:2.2rem;margin-bottom:2.5rem}}@media(max-width:768px){.container{padding:0 1rem}.section-title{font-size:2rem;margin-bottom:2rem}main section{scroll-margin-top:70px}}@media(max-width:640px){.container{padding:0 .75rem}.section-title{font-size:1.8rem;margin-bottom:1.5rem}}@media(max-width:480px){.container{padding:0 .5rem}.section-title{font-size:1.6rem;margin-bottom:1.25rem}main section{scroll-margin-top:65px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#f97316;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ea580c}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #30363d;padding:0 2rem;height:80px;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-size:1.5rem;font-weight:700;color:#f97316}.nav-menu{display:flex;list-style:none;gap:2rem;align-items:center}.nav-item{margin:0}.nav-link{background:none;border:none;color:#e6edf3;text-decoration:none;font-size:1rem;font-weight:400;cursor:pointer;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease;position:relative}.nav-link:hover{color:#f97316;background:#f973161a}.nav-link.active{color:#f97316;font-weight:500}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:#f97316;border-radius:1px}.nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem}.nav-toggle span{width:25px;height:3px;background:#e6edf3;margin:3px 0;transition:.3s;border-radius:2px}.nav-toggle.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px);background:#f97316}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px);background:#f97316}@media(max-width:768px){.navbar{padding:0 1rem}.nav-toggle{display:flex}.nav-menu{position:fixed;left:-100%;top:80px;flex-direction:column;background:#000000fa;width:100%;text-align:center;transition:.3s;gap:0;padding:2rem 0;border-top:1px solid #30363d}.nav-menu.active{left:0}.nav-item{margin:1rem 0}.nav-link{font-size:1.1rem;padding:1rem;display:block;width:100%}.nav-link:hover{background:#f9731633}}@media(max-width:640px){.nav-brand{font-size:1.3rem}.nav-link{font-size:1rem;padding:.8rem}}@media(max-width:480px){.navbar{padding:0 .5rem;height:65px}.nav-brand{font-size:1.1rem}.nav-menu{top:65px}}.hero{min-height:100vh;display:flex;align-items:center;padding:2rem 0;background:#000;position:relative;overflow:hidden}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;position:relative;z-index:2}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{max-width:500px}.hero-greeting{font-size:1.2rem;color:#8b949e;margin-bottom:.5rem;font-weight:300;animation:fadeInUp 1s ease-out}.hero-name{font-size:3rem;font-weight:700;color:#f97316;margin-bottom:1rem;line-height:1.2;min-height:3.6rem}.typing-cursor{animation:blink 1.2s infinite;font-weight:400;color:#f97316;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-subtitle{font-size:1.3rem;color:#e6edf3;margin-bottom:2rem;font-weight:400;animation:fadeInUp 1s ease-out 1s both}.hero-contact-info{margin-bottom:2rem;animation:fadeInUp 1s ease-out 1.2s both}.contact-item{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:0;background:transparent;transition:all .3s ease}.contact-item:hover{transform:translate(5px)}.contact-item svg{fill:#f97316;flex-shrink:0}.contact-numbers{display:flex;flex-direction:column;gap:.25rem}.contact-numbers a,.contact-item a{color:#8b949e;text-decoration:none;font-size:1rem;font-weight:400;transition:all .3s ease}.contact-numbers a:hover,.contact-item a:hover{color:#e6edf3}.hero-image .hero-contact-info{top:120px;right:-140px;z-index:3;animation:fadeInUp 1s ease-out 1.4s both,floatUpDown 4s ease-in-out infinite 2.4s;background:#000c;padding:1.5rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(249,115,22,.3);position:absolute;overflow:hidden;width:280px}.hero-image .hero-contact-info:before{content:"";position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(90deg,transparent,transparent,transparent,#f97316,#fbbf24,#f97316,transparent,transparent,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:subtract;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:subtract;z-index:-1;animation:travelBorder 3s linear infinite}@keyframes travelBorder{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero-image .contact-item{justify-content:flex-start;margin-bottom:.75rem;white-space:nowrap}.hero-image .contact-item:last-child{margin-bottom:0}.hero-image .contact-item svg{width:18px;height:18px;fill:#f97316}.hero-image .contact-item a{color:#e6edf3;font-size:.9rem}.hero-social{display:flex;gap:1rem;margin-top:2rem;margin-bottom:2.5rem;animation:fadeInUp 1s ease-out 1.5s both}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f973161a;border:1px solid #30363d;border-radius:50%;color:#e6edf3;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#f973164d;border-color:#f9731699;transform:translateY(-2px)}.social-link svg{width:24px;height:24px;fill:currentColor}.download-cv-btn{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f973164d;animation:fadeInUp 1s ease-out 2s both}.download-cv-btn:hover{background:linear-gradient(135deg,#ea580c,#dc2626);transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.hero-image{display:flex;justify-content:center;align-items:center;position:relative}.image-placeholder{width:400px;height:500px;border-radius:20px;overflow:hidden;position:relative}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:18px}.image-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(249,115,22,.1) 50%,transparent 60%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@media(max-width:1400px){.hero-image .hero-contact-info{right:-120px;top:115px}}@media(max-width:1200px){.hero-image .hero-contact-info{right:-60px;top:110px;width:260px;padding:1.3rem}}@media(max-width:1024px){.hero-container{padding:0 1.5rem}.hero-content{gap:3rem}.hero-image .hero-contact-info{right:-20px;top:100px;padding:1.25rem;width:240px}.image-placeholder{width:350px;height:450px}}@media(max-width:900px){.hero-image .hero-contact-info{right:20px;top:90px;width:200px;padding:1rem}.hero-image .contact-item{font-size:.8rem}.image-placeholder{width:320px;height:420px}}@media(max-width:1000px)and (min-width:969px){.hero-image .hero-contact-info{right:30px;top:95px;width:180px;padding:.9rem}.hero-image .contact-item{font-size:.75rem}.hero-image .contact-item svg{width:16px;height:16px}}@media(max-width:1100px)and (min-width:901px){.hero-image .hero-contact-info{right:25px;top:92px;width:190px;padding:.95rem}}@media(max-width:968px){.hero-content{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-name{font-size:2.5rem}.image-placeholder{width:300px;height:400px}.hero-image .hero-contact-info{position:static;margin-top:2rem;background:#000000e6;animation:fadeInUp 1s ease-out 1.4s both;width:100%;max-width:350px;margin-left:auto;margin-right:auto}.hero-image{flex-direction:column;align-items:center}}@media(max-width:768px){.hero{padding:5rem 0 1rem;min-height:90vh}.hero-container{padding:0 1rem}.hero-content{gap:2rem}.hero-name{font-size:2.2rem;min-height:2.7rem;margin-top:1rem}.hero-subtitle{font-size:1.1rem;margin-bottom:1.5rem}.hero-social{gap:.8rem;margin-top:1.5rem;margin-bottom:2rem}.social-link{width:44px;height:44px}.social-link svg{width:20px;height:20px}}@media(max-width:640px){.hero-name{font-size:2rem;min-height:2.4rem}.hero-subtitle{font-size:1rem}.image-placeholder{width:250px;height:350px}.download-cv-btn{padding:.8rem 1.5rem;font-size:1rem;width:100%;max-width:250px}.hero-image .hero-contact-info{width:100%;max-width:300px;padding:1rem}.contact-item{font-size:.9rem}}@media(max-width:480px){.hero{padding-top:6rem}.hero-container{padding:0 .5rem}.hero-name{font-size:1.8rem;min-height:2.2rem;margin-top:1.5rem}.hero-greeting{font-size:1rem;margin-top:1rem}.hero-subtitle{font-size:.95rem}.image-placeholder{width:220px;height:300px}.download-cv-btn{padding:.7rem 1.2rem;font-size:.95rem}.social-link{width:40px;height:40px}.social-link svg{width:18px;height:18px}}.about{min-height:100vh;padding:4rem 0;display:flex;align-items:center}.about-subtitle{text-align:center;font-size:1.2rem;color:#f97316;margin-bottom:3rem;font-weight:500;font-style:italic}.about-content{max-width:900px;margin:0 auto}.about-text{text-align:justify}.about-text p{font-size:1.1rem;line-height:1.8;color:#c9d1d9;margin-bottom:1.8rem;font-weight:400;text-align:justify;letter-spacing:.3px}.intro-paragraph{font-size:1.15rem!important;margin-bottom:2rem!important}.intro-paragraph strong{color:#f97316;font-weight:600}.skills-paragraph strong{color:#e6edf3;font-weight:500}.personality-paragraph{margin-bottom:3rem!important}.contact-me-btn{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;padding:1rem 2.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f973164d;display:block;margin:0 auto}.contact-me-btn:hover{background:linear-gradient(135deg,#ea580c,#dc2626);transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}@media(max-width:1024px){.about{padding:3rem 0}.about-content{max-width:800px}.about-text p{font-size:1.05rem;line-height:1.7}.intro-paragraph{font-size:1.1rem!important}}@media(max-width:768px){.about{padding:2rem 0}.about-content{max-width:600px}.about-subtitle{font-size:1.1rem;margin-bottom:2.5rem}.about-text p{font-size:1rem;text-align:left;line-height:1.6;margin-bottom:1.6rem}.intro-paragraph{font-size:1.05rem!important;margin-bottom:1.8rem!important}.personality-paragraph{margin-bottom:2.5rem!important}.contact-me-btn{padding:.9rem 2.2rem;font-size:.95rem}}@media(max-width:640px){.about-text p{font-size:.95rem;margin-bottom:1.5rem}.intro-paragraph{font-size:1rem!important}.contact-me-btn{padding:.8rem 2rem;font-size:.9rem;width:100%;max-width:250px}}@media(max-width:480px){.about{padding:1.5rem 0}.about-subtitle{font-size:1rem;margin-bottom:2rem}.about-text p{font-size:.9rem;line-height:1.5;margin-bottom:1.4rem;letter-spacing:.2px}.intro-paragraph{font-size:.95rem!important;margin-bottom:1.6rem!important}.personality-paragraph{margin-bottom:2rem!important}.contact-me-btn{padding:.75rem 1.8rem;font-size:.85rem;width:100%;max-width:220px}}@media(max-width:380px){.about-text p{font-size:.85rem}.intro-paragraph{font-size:.9rem!important}.about-subtitle{font-size:.95rem}}.portfolio{min-height:100vh;padding:4rem 0}.portfolio-tabs{display:flex;justify-content:center;gap:.5rem;margin:2rem 0;flex-wrap:wrap}.tab-button{background:transparent;border:1px solid #30363d;color:#c9d1d9;padding:.8rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.tab-button:hover{border-color:#f97316;color:#f97316}.tab-button.active{background:#f97316;border-color:#f97316;color:#fff}.portfolio-content{margin-top:3rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.project-card{background:#000;border:1px solid #30363d;border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer}.project-card:hover{transform:translateY(-5px);border-color:#f97316;box-shadow:0 10px 30px #0000004d}.project-image-gallery{width:100%;height:200px;overflow:hidden;background:#30363d}.single-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.single-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .single-image img{transform:scale(1.05)}.project-image-carousel{position:relative;background:#000;border-radius:8px;overflow:hidden}.carousel-image{width:100%;height:300px;overflow:hidden}.carousel-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease;cursor:pointer}.carousel-image img:hover{transform:scale(1.02);opacity:.9}.carousel-dots{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:4px;z-index:10;background:#0006;padding:3px 8px;border-radius:10px}.carousel-dot{width:6px;height:6px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:#ffffff4d;cursor:pointer;transition:all .3s ease}.carousel-dot:hover{background:#f97316cc;border-color:#f97316;transform:scale(1.1)}.carousel-dot.active{background:#f97316;border-color:#fff;box-shadow:0 0 8px #f9731699}.image-counter{position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(249,115,22,.3);z-index:10}.certificates-section{padding:2rem 0}.certificates-grid-simple{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;align-items:start}.certificate-image-only{border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;border:2px solid transparent;height:250px;width:100%;display:flex;align-items:center;justify-content:center;background:#000}.certificate-image-only:hover{transform:translateY(-8px);border-color:#f97316;box-shadow:0 12px 30px #f973164d}.certificate-image-only img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.certificate-image-only:hover img{transform:scale(1.02)}.no-certificates{text-align:center;color:#8b949e;font-size:1.1rem;padding:4rem 2rem;background:#21262d80;border-radius:12px;border:1px dashed #30363d}.certificates-horizontal{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.certificate-image-card{flex:1;max-width:300px;min-width:250px;border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;border:2px solid transparent;background:#000;aspect-ratio:3/4}.certificate-image-card:hover{transform:translateY(-8px);border-color:#f97316;box-shadow:0 12px 30px #f973164d}.certificate-image-card img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.certificate-image-card:hover img{transform:scale(1.05)}.project-content{padding:1.5rem}.project-title{font-size:1.4rem;font-weight:600;color:#f97316;margin-bottom:.5rem}.project-description{color:#c9d1d9;line-height:1.6;margin-bottom:1rem;font-size:.95rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#f973161a;color:#f97316;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:500;border:1px solid rgba(249,115,22,.2)}.project-links{display:flex;gap:1rem}.project-link{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid #30363d;color:#e6edf3;padding:.6rem 1rem;border-radius:6px;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease}.project-link:hover{background:#f97316;border-color:#f97316;color:#fff}.project-link svg{width:16px;height:16px;fill:currentColor}.expertise-section{margin-top:4rem}.expertise-title{text-align:center;font-size:1.5rem;color:#f97316;margin-bottom:3rem}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.expertise-item{display:flex;flex-direction:column;align-items:center;text-align:center}.progress-circle{position:relative;margin-bottom:1rem;width:120px;height:120px;transition:transform .3s ease}.progress-circle:hover{transform:scale(1.1)}.progress-ring{transform:rotate(-90deg);position:absolute;top:0;left:0;z-index:1}.progress-ring-progress{transition:stroke-dashoffset 2s ease-in-out;stroke-linecap:round}.expertise-item:hover .progress-ring-progress{stroke:#ea580c;stroke-width:8px;filter:drop-shadow(0 0 8px rgba(249,115,22,.6))}.expertise-item{transition:all .3s ease}.expertise-item:hover{transform:translateY(-5px)}.progress-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;z-index:2;display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:#000000e6;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.skill-logo{width:40px;height:40px;object-fit:contain;border-radius:4px;filter:brightness(1.2) contrast(1.1);transition:all .3s ease}.progress-circle:hover .skill-logo{transform:scale(1.1);filter:brightness(1.4) contrast(1.2)}.skill-icon-text{font-size:1.4rem;font-weight:600;color:#f97316;text-align:center}@keyframes skillPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.progress-circle:hover .progress-icon{animation:skillPulse 1.5s ease-in-out infinite}.expertise-percentage{font-size:1.2rem;font-weight:600;color:#f97316;margin-bottom:.3rem}.expertise-name{font-size:.9rem;color:#c9d1d9;font-weight:500}.education-section{margin-top:4rem;max-width:800px;margin-left:auto;margin-right:auto}.education-title{text-align:center;font-size:1.5rem;color:#f97316;margin-bottom:3rem}.education-timeline{position:relative}.education-item{display:flex;margin-bottom:3rem;position:relative}.timeline-marker{display:flex;flex-direction:column;align-items:center;margin-right:2rem;position:relative}.timeline-dot{width:16px;height:16px;background:#f97316;border-radius:50%;border:3px solid #000000;box-shadow:0 0 0 3px #f97316;z-index:2}.timeline-line{width:2px;height:80px;background:#30363d;margin-top:1rem}.education-content{flex:1;background:#000;border:1px solid #30363d;border-radius:12px;padding:2rem;transition:all .3s ease}.education-content:hover{border-color:#f97316;box-shadow:0 4px 20px #f973161a}.education-institution{font-size:1.3rem;font-weight:600;color:#f97316;margin-bottom:.8rem;line-height:1.3}.education-program{font-size:1rem;color:#c9d1d9;margin-bottom:.5rem;font-weight:500}.education-subprogram{font-size:.95rem;color:#8b949e;margin-bottom:1rem}.education-period{font-size:.9rem;color:#f97316;font-weight:600;background:#f973161a;padding:.3rem .8rem;border-radius:15px;display:inline-block;border:1px solid rgba(249,115,22,.2)}.coming-soon{text-align:center;color:#8b949e;font-size:1.1rem;padding:4rem 0}.loading{text-align:center;color:#f97316;font-size:1.2rem;padding:4rem 0;font-weight:500}@media(max-width:1024px){.portfolio{padding:3rem 0}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.8rem}.expertise-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.8rem;padding:0 1.5rem}.certificates-horizontal{gap:1.5rem}.certificate-image-card{max-width:280px;min-width:220px}}@media(max-width:768px){.portfolio{padding:2rem 0}.portfolio-tabs{gap:.3rem;margin:1.5rem 0}.tab-button{padding:.6rem 1rem;font-size:.8rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-content{padding:1.25rem}.project-title{font-size:1.2rem}.project-description{font-size:.9rem}.project-links{flex-direction:column;gap:.8rem}.project-link{justify-content:center;padding:.7rem 1rem}.expertise-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;padding:0 1rem}.progress-circle{width:100px;height:100px}.progress-icon{width:60px;height:60px}.skill-logo{width:35px;height:35px}.certificates-horizontal{flex-direction:column;align-items:center;gap:1.2rem}.certificate-image-card{max-width:350px;min-width:280px;width:100%}.education-item{margin-bottom:2rem}.timeline-marker{margin-right:1rem}.education-content{padding:1.5rem}.education-institution{font-size:1.1rem}.carousel-image{height:250px}}@media(max-width:640px){.portfolio-tabs{flex-direction:column;align-items:center;gap:.5rem}.tab-button{width:200px;text-align:center}.project-image-gallery{height:180px}.carousel-image{height:200px}.expertise-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1.2rem}.progress-circle{width:90px;height:90px}.progress-icon{width:55px;height:55px}.skill-logo{width:30px;height:30px}.expertise-percentage{font-size:1rem}.expertise-name{font-size:.8rem}.certificate-image-card{min-width:250px}}@media(max-width:480px){.portfolio{padding:1.5rem 0}.tab-button{padding:.5rem .8rem;font-size:.75rem;width:180px}.project-content{padding:1rem}.project-title{font-size:1.1rem}.project-description{font-size:.85rem}.tech-tag{font-size:.7rem;padding:.25rem .6rem}.project-link{font-size:.8rem;padding:.6rem .8rem}.expertise-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 .5rem}.progress-circle{width:80px;height:80px}.progress-icon{width:50px;height:50px}.skill-logo{width:25px;height:25px}.expertise-percentage{font-size:.9rem}.expertise-name{font-size:.75rem}.timeline-marker{margin-right:.8rem}.education-content{padding:1rem}.education-institution{font-size:1rem}.education-program{font-size:.9rem}.education-subprogram{font-size:.85rem}.certificate-image-card{min-width:220px}.project-image-gallery{height:160px}.carousel-image{height:180px}}@media(max-width:768px){.skills-marquee{animation-duration:45s}.skills-track{gap:2rem}}@media(max-width:480px){.skills-marquee{animation-duration:40s}.skills-track{gap:1.5rem}}.image-zoom-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.zoom-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;animation:imageZoomIn .4s ease-out}@keyframes imageZoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.zoomed-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #f973164d;border:2px solid rgba(249,115,22,.2)}.zoom-close-btn{position:absolute;top:-45px;right:-15px;background:#f97316e6;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1001;line-height:1;text-align:center}.zoom-close-btn:hover{background:#f97316;transform:scale(1.1);box-shadow:0 4px 20px #f9731680}.zoom-close-btn:active{transform:scale(.95)}.zoom-image-info{margin-top:1rem;color:#c9d1d9;text-align:center;font-size:.95rem;background:#000000b3;padding:.8rem 1.5rem;border-radius:20px;border:1px solid rgba(249,115,22,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px}@media(max-width:768px){.zoom-modal-content{max-width:95vw;max-height:95vh}.zoomed-image{max-height:70vh}.zoom-close-btn{top:-35px;right:-10px;width:35px;height:35px;font-size:18px;font-weight:600;line-height:1}.zoom-image-info{font-size:.85rem;padding:.6rem 1rem;margin-top:.8rem}}.skills-grid{overflow:hidden;white-space:nowrap;position:relative;padding:2rem 0;background:transparent;width:100%}.skills-marquee{display:inline-flex;animation:scroll-left 60s linear infinite;gap:4rem;padding-left:100%;width:max-content}.skill-item{display:inline-flex;flex-direction:column;align-items:center;text-align:center;flex-shrink:0;white-space:normal}.skill-circle{position:relative;width:120px;height:120px;margin-bottom:1rem}.progress-circle{width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg,#ff6b35 0deg,#ff6b35 var(--progress),#333 var(--progress),#333 360deg);display:flex;align-items:center;justify-content:center;position:relative}.progress-circle:before{content:"";position:absolute;width:85%;height:85%;background:#000;border-radius:50%;z-index:1}.skill-icon{position:relative;z-index:2;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.skill-icon i{font-size:2.5rem;color:#ff6b35}.skill-image{width:45px;height:45px;object-fit:contain;border-radius:4px}.skill-fallback{font-size:1.5rem;font-weight:700;color:#ff6b35;text-transform:uppercase}.skill-image{transition:transform .3s ease}.skill-item:hover .skill-image{transform:scale(1.1)}.skill-icon{overflow:hidden}.skill-image{filter:brightness(1.1);transition:all .3s ease}.skill-item:hover .skill-image{filter:brightness(1.2) saturate(1.1)}.skill-percentage{font-size:1.5rem;font-weight:700;color:#ff6b35;margin-bottom:.25rem}.skill-name{font-size:1rem;color:#fff;text-transform:lowercase;font-weight:400}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.skills-marquee:hover{animation-play-state:paused}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.skills-marquee{animation-duration:55s;gap:3.5rem}.skill-circle{width:110px;height:110px}.skill-image{width:42px;height:42px}.skill-percentage{font-size:1.4rem}.skill-name{font-size:.95rem}}@media(max-width:768px){.skills-grid{padding:1.5rem 0}.skills-marquee{animation-duration:45s;gap:3rem}.skill-circle{width:100px;height:100px}.skill-icon{width:45px;height:45px}.skill-image{width:38px;height:38px}.skill-icon i{font-size:2rem}.skill-fallback{font-size:1.3rem}.skill-percentage{font-size:1.25rem}.skill-name{font-size:.9rem}}@media(max-width:640px){.skills-marquee{animation-duration:40s;gap:2.5rem}.skill-circle{width:90px;height:90px}.skill-icon{width:40px;height:40px}.skill-image{width:35px;height:35px}.skill-icon i{font-size:1.8rem}.skill-fallback{font-size:1.2rem}.skill-percentage{font-size:1.15rem}.skill-name{font-size:.85rem}}@media(max-width:480px){.skills-grid{padding:1rem 0}.skills-marquee{animation-duration:35s;gap:2rem}.skill-circle{width:80px;height:80px;margin-bottom:.8rem}.skill-icon{width:36px;height:36px}.skill-image{width:30px;height:30px}.skill-icon i{font-size:1.6rem}.skill-fallback{font-size:1rem}.skill-percentage{font-size:1rem;margin-bottom:.2rem}.skill-name{font-size:.8rem}}@media(max-width:380px){.skills-marquee{animation-duration:30s;gap:1.5rem}.skill-circle{width:70px;height:70px}.skill-icon{width:32px;height:32px}.skill-image{width:26px;height:26px}.skill-icon i{font-size:1.4rem}.skill-fallback{font-size:.9rem}.skill-percentage{font-size:.95rem}.skill-name{font-size:.75rem}}.contact{min-height:100vh;padding:4rem 0;display:flex;align-items:center}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:2rem}.contact-info h3{font-size:1.8rem;color:#f97316;margin-bottom:1rem}.contact-info p{color:#c9d1d9;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.contact-methods{display:flex;flex-direction:column;gap:1rem}.contact-method{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f973161a;border:1px solid rgba(249,115,22,.2);border-radius:8px;transition:all .3s ease}.contact-method:hover{background:#f9731626;border-color:#f973164d}.contact-method svg{width:24px;height:24px;fill:#f97316;flex-shrink:0}.contact-location{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(249,115,22,.2)}.contact-location .contact-method{background:#f973160d;border-color:#f973161a}.phone-numbers{display:flex;flex-direction:column;gap:.25rem}.phone-numbers a:hover{color:#f97316;transition:color .3s ease}.contact-method span{color:#e6edf3;font-weight:500}.contact-form{background:#000;border:1px solid #30363d;border-radius:12px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;background:#000;border:1px solid #30363d;color:#e6edf3;padding:1rem;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.form-group input::placeholder,.form-group textarea::placeholder{color:#8b949e}.send-btn{width:100%;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;padding:1rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f973164d}.send-btn:hover{background:linear-gradient(135deg,#ea580c,#dc2626);transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.send-btn:disabled{background:#30363d;cursor:not-allowed;transform:none;box-shadow:none}.status-message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:500}.status-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.status-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}@media(max-width:1024px){.contact{padding:3rem 0}.contact-content{gap:3rem}}@media(max-width:968px){.contact{padding:2rem 0}.contact-content{grid-template-columns:1fr;gap:2.5rem}.contact-info{text-align:center}.contact-methods{max-width:500px;margin:0 auto}}@media(max-width:768px){.contact{padding:1.5rem 0}.contact-content{gap:2rem}.contact-info h3{font-size:1.5rem}.contact-info p{font-size:1rem;margin-bottom:1.5rem}.contact-method{padding:.8rem}.contact-method svg{width:20px;height:20px}.contact-form{padding:1.5rem}}@media(max-width:640px){.contact-info h3{font-size:1.3rem}.contact-info p{font-size:.95rem}.contact-method{padding:.7rem;flex-direction:column;text-align:center;gap:.5rem}.contact-method svg{width:18px;height:18px}.phone-numbers{align-items:center}.contact-form{padding:1.25rem}.form-group input,.form-group textarea{padding:.8rem;font-size:.95rem}.send-btn{padding:.9rem;font-size:1rem}}@media(max-width:480px){.contact{padding:1rem 0}.contact-content{gap:1.5rem}.contact-info h3{font-size:1.2rem}.contact-info p{font-size:.9rem;margin-bottom:1.25rem}.contact-method{padding:.6rem;margin-bottom:.8rem}.contact-method span{font-size:.9rem}.contact-form{padding:1rem}.form-group{margin-bottom:1.25rem}.form-group input,.form-group textarea{padding:.7rem;font-size:.9rem}.send-btn{padding:.8rem;font-size:.95rem}.status-message{padding:.8rem;font-size:.9rem}}