@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";:root{--navbar-bg-color: #0d1117;--navbar-border-color: #30363d;--navbar-text-color: #f0f6fc;--link-color: #58a6ff;--link-hover-color: #1f6feb;--background-color: #050505;--text-color: #c9d1d9;--social-links-color: #8b949e;--project-card-border-color: #30363d;--card-bg-color: #1e293b;--scroll-btn-bg-color: rgba(255, 255, 255, .05);--scroll-btn-border-color: rgba(255, 255, 255, .1)}.light-mode{--navbar-bg-color: #ffffff;--navbar-border-color: #e2e8f0;--navbar-text-color: #1e293b;--link-color: #475569;--link-hover-color: #3674fa;--background-color: #f1f5f9;--text-color: #334155;--social-links-color: #475569;--project-card-border-color: #bfdbfe;--card-bg-color: #ffffff;--scroll-btn-bg-color: rgba(0, 0, 0, .074);--scroll-btn-border-color: rgba(0, 0, 0, .188)}body{background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;font-family:Poppins,sans-serif;line-height:1.6}*{transition:all .3s ease}html{scroll-behavior:smooth}body{overflow-y:scroll;overflow-x:hidden}::-webkit-scrollbar{display:none}body{margin:0;padding:0}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:var(--navbar-bg-color);border-bottom:2px solid var(--navbar-border-color);position:sticky;top:0;z-index:100;transition:background-color .3s ease-in-out;box-shadow:0 2px 10px #0000001a}.navbar-logo a{color:var(--navbar-text-color);font-size:24px;font-weight:700;text-decoration:none;transition:color .3s ease-in-out}.navbar-logo a:hover{color:var(--link-hover-color)}.navbar-links ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}.navbar-links a{color:var(--navbar-text-color);font-size:18px;font-weight:500;text-decoration:none;transition:color .3s ease-in-out}.navbar-links a:hover{color:var(--link-hover-color)}.navbar-actions{display:flex;align-items:center;gap:20px}.hamburger-react{display:none;color:var(--navbar-text-color)}.sidebar{display:none;position:fixed;top:0;left:0;height:100%;width:250px;background-color:var(--navbar-bg-color);padding:20px;z-index:9999;transform:translate(-100%);transition:transform .3s ease-in-out;box-shadow:3px 0 15px #00000026}.sidebar.open{transform:translate(0)}.sidebar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.sidebar a{color:var(--navbar-text-color);font-size:20px;text-decoration:none}.sidebar a:hover{color:var(--link-hover-color)}@media (max-width: 768px){.navbar-links{display:none}.hamburger-react,.sidebar{display:block}}.social-container{position:fixed;left:10px;top:50%;transform:translateY(-50%);z-index:1000;transition:left .3s ease,transform .3s ease}.social-icons-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--navbar-bg-color);padding:20px 5px;border-radius:50px;box-shadow:0 4px 4px 4px #00000080;transition:background-color .3s ease}.social-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.social-links li{margin:10px 0;display:flex;justify-content:center;width:100%;height:30px}.social-links a{display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:1rem;color:var(--social-links-color);transition:color .3s ease,transform .3s ease;width:100%;transform-origin:center}.social-links a:hover{color:var(--link-hover-color);transform:scale(1.2)}@media (max-width: 768px){.social-container{left:5px}.social-links li{margin:8px 0;height:22px}}@media (max-width: 480px){.social-container{left:5px}.social-links li{margin:5px 0 0 5;height:22px}}.about-section{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:65px;background-color:var(--background-color);color:var(--text-color);text-align:center}.about-content{max-width:800px;margin:0 auto}.about-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.2;margin-bottom:1rem}.about-name{font-weight:700;color:var(--link-hover-color);display:inline-block;position:relative}.about-name:after{content:"";position:absolute;width:100%;height:3px;bottom:-5px;left:0;background-color:var(--link-hover-color)}.about-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:400;margin-bottom:1.5rem;color:var(--link-color)}.about-description{font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;max-width:600px;margin:0 auto 2.5rem;color:var(--text-color)}.about-cta{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.cta-button{padding:10px 20px;font-size:1rem;font-weight:500;color:var(--navbar-text-color);background-color:var(--link-hover-color);border:2px solid var(--link-hover-color);border-radius:50px;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1}.cta-button:hover{background-color:transparent;color:var(--link-hover-color)}.resume-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}.resume-popup{width:90%;max-width:900px;height:85vh;background-color:var(--background-color);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d;animation:scaleIn .3s ease-in-out}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(128,128,128,.2)}.popup-header h3{margin:0;color:var(--text-color);font-size:1.2rem}.popup-actions{display:flex;gap:10px}.popup-action-btn{background:none;border:none;color:var(--text-color);font-size:1.2rem;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:35px;height:35px;transition:all .3s}.popup-action-btn:hover{background-color:#80808033;color:var(--link-hover-color)}.popup-content{flex:1;overflow:hidden}.resume-frame{width:100%;height:100%;border:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.about-section{padding:2rem 1rem}.about-cta{gap:1rem}.cta-button{padding:.7rem 1.5rem}.resume-popup{width:95%;height:80vh}}@media (max-width: 480px){.about-title{font-size:2rem}.about-subtitle{font-size:1.2rem}.about-cta{flex-direction:column;align-items:center}.popup-header{padding:10px 15px}.popup-header h3{font-size:1rem}}.contact-container{text-align:center;padding:65px;background-color:var(--body-bg-color);width:100%;box-sizing:border-box}.contact-title{font-size:2em;margin-bottom:10px}.contact-description{margin-bottom:30px;font-size:1.2em;color:var(--navbar-text-color)}.contact-wrapper{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:30px;margin-top:30px;max-width:1100px;margin-left:auto;margin-right:auto;padding:0 20px;box-sizing:border-box}.contact-form{flex:1;min-width:280px;max-width:600px;padding:30px;background-color:var(--navbar-bg-color);border-radius:10px;box-shadow:0 4px 50px #0000001a;box-sizing:border-box}.form-group{margin-bottom:20px}.form-group label{display:block;text-align:left;margin-bottom:8px;font-size:1em;color:var(--navbar-text-color)}.form-group input,.form-group textarea{width:100%;padding:14px 16px;border-radius:5px;border:1px solid #ccc;font-size:1em;background-color:#f9f9f9;box-sizing:border-box}.form-group textarea{min-height:120px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#0cf}.submit-button{padding:10px 20px;font-size:1rem;font-weight:500;color:var(--navbar-text-color);background-color:var(--link-hover-color);border:2px solid var(--link-hover-color);border-radius:50px;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;width:100%;box-sizing:border-box;cursor:pointer}.submit-button:hover{background-color:transparent;color:var(--link-hover-color)}.info-card{flex:1;background-color:var(--navbar-bg-color);padding:30px;border-radius:10px;max-width:350px;min-width:280px;box-shadow:0 4px 40px #0000001a;color:var(--navbar-text-color);display:flex;flex-direction:column;box-sizing:border-box}.info-title{font-size:1.5em;margin-bottom:20px;text-align:left}.info-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px;text-align:left}.info-icon{font-size:1.2rem;min-width:24px;text-align:center;margin-top:2px}.info-content{flex:1;word-break:break-word}.info-item strong{display:block;margin-bottom:4px}.info-item p{margin:0;font-size:.95em;line-height:1.4}.alert-box{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#d4edda;color:#155724;padding:16px 20px;border-radius:6px;box-shadow:0 2px 6px #0003;z-index:9999;width:90%;max-width:400px;overflow:hidden;font-weight:700;display:flex;flex-direction:column}.alert-timer{height:4px;background-color:#28a745;animation:shrinkTimer 5s linear forwards;margin-top:8px;border-radius:2px}@keyframes shrinkTimer{0%{width:100%}to{width:0%}}@media (max-width: 992px){.contact-wrapper{padding:0 15px}}@media (max-width: 850px){.contact-wrapper{flex-direction:column;align-items:center}.contact-form,.info-card{max-width:100%;width:100%}}@media (max-width: 768px){.contact-title{font-size:1.8em}.contact-description{font-size:1.1em}.contact-form,.info-card{padding:25px}}@media (max-width: 480px){.contact-form,.info-card{padding:20px}.form-group input,.form-group textarea{padding:12px 14px}}.projects-container{text-align:center;padding:65px;max-width:1200px;margin:0 auto}.projects-title{font-size:2em;margin-bottom:20px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;justify-items:center}.project-wrapper{position:relative;width:100%}.project-card{background-color:var(--navbar-bg-color);color:var(--navbar-text-color);border-radius:10px;padding:20px;text-align:center;box-shadow:0 4px 20px #0000001a;transition:transform .3s,background-color .3s,border .3s;border:2px solid transparent;cursor:pointer;max-width:100%}.project-card:hover{transform:translateY(-8px);border:2px solid var(--project-card-border-color)}.project-image{width:100%;max-width:250px;height:auto;aspect-ratio:4 / 3;object-fit:contain;border-radius:5px;margin-bottom:15px}.project-card h3{margin-bottom:10px;font-size:1.1rem}.project-popup{position:absolute;width:100%;background-color:#000c;color:#fff;padding:15px;border-radius:8px;z-index:10;top:calc(100% + 5px);left:0;box-shadow:0 4px 8px #0000004d;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}.project-popup.visible{opacity:1}.project-popup p{margin:0;font-size:.875rem}.view-more{text-align:right;margin-top:20px;font-weight:700;color:#007bff;cursor:pointer;transition:color .3s ease}.view-more:hover{color:#0056b3}@media (max-width: 900px){.projects-title{font-size:1.7em}.project-card h3{font-size:1rem}.project-popup p{font-size:13px}}@media (max-width: 600px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.projects-title{font-size:1.5em}}@media (max-width: 400px){.projects-title{font-size:1.3em}.project-card{padding:15px}.project-popup{font-size:12px;padding:10px}.view-more{font-size:.9rem}}.skills-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:65px;box-sizing:border-box;text-align:center}.skills-title{font-size:2rem;margin-bottom:2rem;color:var(--navbar-text-color)}.skills-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;max-width:1000px}.skills-category{flex:1 1 300px;min-width:300px;background:var(--navbar-bg-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #0000001a}.skills-category h2{font-size:clamp(1.3rem,2vw,1.7rem);margin-bottom:1.5rem;color:var(--navbar-text-color)}.skills-list{display:flex;flex-direction:column;gap:1.2rem}.skill{padding:.5rem;border-radius:8px}.skill-content{display:flex;align-items:center;gap:1rem;transition:all .3s ease;padding:.5rem .8rem}.skill:hover .skill-content{transform:scale(1.05);color:var(--text-color);filter:brightness(1.1) drop-shadow(0 0 4px var(--link-hover-color))}.skill:hover .skill-logo{filter:drop-shadow(0 0 6px var(--link-hover-color))}.skill-logo{width:40px;height:40px;object-fit:contain;transition:all .3s ease}.skill span{font-size:1.1rem;color:var(--text-color);transition:all .3s ease}@media (max-width: 768px){.skills-categories{flex-direction:column;align-items:center;gap:2rem;width:100%}.skills-category{width:100%;max-width:400px}}@media (max-width: 480px){.skills-category{min-width:250px}.skill-content{gap:.6rem}.skill-logo{width:32px;height:32px}.skill span{font-size:.95rem}}.scroller-container{width:100%;overflow:hidden;background-color:var(--background-color);padding:10px 0}.scroller-track{display:flex;width:max-content;animation:scrollLeft 10s linear infinite;will-change:transform}.tech-item{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 40px;color:var(--text-color);font-size:14px}.tech-image{width:40px;height:40px;margin-bottom:5px}.tech-name{color:var(--text-color)}.growth-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:65px}.growth-section{background-color:var(--background-color);border:2px solid var(--project-card-border-color);border-radius:1rem;padding:30px;display:flex;flex-direction:column}.growth-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.icon-circle{background-color:var(--link-hover-color);display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%}.icon{color:#fff}.growth-title{font-size:1.5rem;font-weight:700;color:var(--text-color)}.timeline{display:flex;flex-direction:column;gap:1.5rem;border-left:3px solid var(--link-hover-color);padding-left:1.5rem;margin-left:.5rem;flex:1}.growth-card{background-color:var(--background-color);padding:1rem;border-left:4px solid var(--project-card-border-color);border-radius:.75rem;position:relative;max-width:100%}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.accent-text{color:var(--link-hover-color)}.card-subtitle{font-size:.85rem;color:var(--social-links-color);margin-bottom:.5rem}.card-description{font-size:.85rem;color:var(--text-color);margin-bottom:.75rem;line-height:1.4}.badge{font-size:.75rem;padding:.25rem .5rem;border-radius:9999px;font-weight:500;background-color:var(--link-hover-color);color:#fff;display:inline-block}@media (max-width: 1024px){.growth-container{padding:65px;grid-template-columns:1fr}.growth-section{padding:25px}}@media (max-width: 768px){.growth-container{grid-template-columns:1fr;padding:65px;gap:1.5rem}.growth-section{padding:20px}}@media (max-width: 480px){.growth-container{padding:65px}.growth-header{flex-direction:column;align-items:flex-start;gap:.75rem}.growth-title{font-size:1.25rem}.card-title{font-size:1rem}}.footer{background-color:var(--navbar-bg-color);color:var(--text-color);border-top:2px solid var(--navbar-border-color);display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2rem;font-size:.95rem;flex-wrap:wrap;transition:background-color .3s ease-in-out;box-shadow:0 -2px 10px #0000001a}.footer-left .footer-name{color:var(--navbar-text-color);font-weight:900;font-size:1rem;text-decoration:none}.footer-left .footer-name strong{font-weight:700;color:var(--navbar-text-color)}.footer-center{flex:1;text-align:center;font-size:.95rem}.footer-right .scroll-up-btn{background-color:var(--scroll-btn-bg-color);color:var(--text-color);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:1.1rem;text-decoration:none;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;cursor:pointer;border:1px solid var(--scroll-btn-border-color)}.footer-right .scroll-up-btn:hover{background-color:var(--link-hover-color);color:#fff}@media (max-width: 768px){.footer{flex-direction:column;text-align:center;gap:1rem}.footer-center{order:2}.footer-left{order:1}.footer-right{order:2}}