*{box-sizing:border-box;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#333;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}p{margin-bottom:1rem}a{color:#4a89dc;text-decoration:none}ul{list-style:none}img{height:auto;max-width:100%}button{cursor:pointer;font-family:inherit}section{width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}.App{display:flex;flex-direction:column;min-height:100vh;width:100%}main{flex:1 1}header{background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.desktop-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1.5rem 5%}.logo{color:#333;cursor:pointer;font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links li a{color:#555;font-size:1rem;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-links li a:hover{color:#4a89dc}.nav-links li a:after{background-color:#4a89dc;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links li a:hover:after{width:100%}.mobile-nav{display:none;padding:1rem 5%}.hamburger-menu{position:relative}.hamburger-icon{cursor:pointer;display:flex;flex-direction:column;height:21px;justify-content:space-between;width:30px}.hamburger-icon span{background-color:#333;border-radius:5px;height:3px;transition:all .3s ease;width:100%}.hamburger-icon.open span:first-child{transform:translateY(9px) rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:last-child{transform:translateY(-9px) rotate(-45deg)}.menu-links{background-color:#fff;border-radius:10px;box-shadow:0 10px 25px #0000001a;opacity:0;padding:1rem 0;position:absolute;right:-1rem;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;width:250px;z-index:100}.menu-links.open{opacity:1;transform:translateY(0);visibility:visible}.menu-links li{list-style:none;padding:.8rem 1.5rem}.menu-links li a{color:#333;display:block;font-weight:500;text-decoration:none;transition:color .3s ease}.menu-links li a:hover{color:#4a89dc}@media screen and (max-width:768px){.desktop-nav{display:none}.mobile-nav{align-items:center;display:flex;justify-content:space-between}}.hero-section{background:linear-gradient(90deg,#f8f9fa,#e9ecef);min-height:100vh;padding:10rem 5% 5rem}.hero-content,.hero-section{align-items:center;display:flex}.hero-content{gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px}.hero-text{flex:1 1}.intro-text{color:#4a89dc;font-size:1.2rem;font-weight:500;margin-bottom:.5rem}.name{color:#333;font-size:3.5rem;font-weight:700;line-height:1.2;margin:.5rem 0 1rem}.title{color:#666;font-size:1.5rem;margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;margin-bottom:2rem}.btn{border-radius:30px;font-size:1rem;outline:none}.primary-btn{background-color:#4a89dc;border:2px solid #4a89dc;color:#fff}.primary-btn:hover{background-color:#3a70b8;border-color:#3a70b8}.secondary-btn:hover{background-color:#4a89dc1a}.social-icons{display:flex;gap:1.2rem}.social-icons a{color:#555;font-size:1.5rem;transition:color .3s ease}.social-icons a:hover{color:#4a89dc}.hero-image{display:flex;flex:1 1;justify-content:center}.profile-img{border-radius:50%;box-shadow:0 10px 30px #0000001a;height:350px;object-fit:cover;object-position:center;overflow:hidden;position:relative;width:350px}@media screen and (max-width:992px){.hero-content{flex-direction:column-reverse;text-align:center}.cta-buttons,.social-icons{justify-content:center}.name{font-size:2.8rem}.profile-img{height:280px;width:280px}}@media screen and (max-width:576px){.hero-section{padding-top:8rem}.name{font-size:2.2rem}.title{font-size:1.2rem}.cta-buttons{flex-direction:column;gap:.8rem}.profile-img{height:220px;width:220px}}.about-section{background-color:#f8f9fa;padding:7rem 5%}.section-heading{margin-bottom:4rem;text-align:center}.section-subtitle{color:#4a89dc;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.section-title{color:#333;display:inline-block;font-size:2.5rem;font-weight:700;margin:0;position:relative}.section-title:after{background-color:#4a89dc;border-radius:10px;bottom:-10px;content:"";height:3px;left:25%;position:absolute;width:50%}.about-content{align-items:flex-start;display:flex;gap:4rem;margin:0 auto;max-width:1200px}.about-image{align-items:center;display:flex;flex:1 1;justify-content:center}.about-img{border-radius:20px;box-shadow:0 10px 30px #0000001a;height:auto;max-height:500px;object-fit:cover;overflow:hidden;position:relative;width:400px}.about-details{flex:1.5 1}.about-cards{display:flex;gap:2rem;margin-bottom:2rem}.about-card{background-color:#fff;border-radius:15px;box-shadow:0 5px 20px #0000000d;flex:1 1;padding:1.5rem;transition:transform .3s ease}.about-card:hover{transform:translateY(-5px)}.about-card h3{color:#4a89dc;font-size:1.2rem;font-weight:600;margin-bottom:1rem;margin-top:0}.about-card p{color:#666;font-size:.95rem;margin:.5rem 0}.about-text p{color:#555;font-size:1rem;line-height:1.7;margin-bottom:1.2rem}@media screen and (max-width:992px){.about-content{flex-direction:column;gap:3rem}.about-image{order:-1}.about-img{height:auto;max-width:400px;width:100%}}@media screen and (max-width:768px){.about-cards{flex-direction:column;gap:1.5rem}.section-title{font-size:2rem}}@media screen and (max-width:576px){.about-section{padding:5rem 5%}.about-img{max-height:350px}.about-text p{font-size:.95rem}}.skills-section{background-color:#fff;padding:7rem 5%}.skills-container{display:flex;flex-direction:column;gap:3rem;margin:0 auto;max-width:1200px}.skill-category{background-color:#f8f9fa;border-radius:15px;box-shadow:0 5px 20px #0000000d;padding:2rem;transition:transform .3s ease}.skill-category:hover{transform:translateY(-5px)}.category-title{color:#333;display:inline-block;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem;position:relative}.category-title:after{background-color:#4a89dc;border-radius:10px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.skills-grid{display:flex;flex-wrap:wrap;gap:1rem}.skill-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:50px;box-shadow:0 2px 10px #0000000d;color:#555;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.skill-item:hover{background-color:#4a89dc;border-color:#4a89dc;color:#fff;transform:translateY(-3px)}@media screen and (max-width:992px){.skills-container{gap:2rem}}@media screen and (max-width:768px){.skill-category{padding:1.5rem}.category-title{font-size:1.3rem}}@media screen and (max-width:576px){.skills-section{padding:5rem 5%}.skills-grid{gap:.8rem}.skill-item{font-size:.8rem;padding:.5rem 1rem}}.experience-section{background-color:#f8f9fa;padding:7rem 5%}.experience-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1400px}.experience-item{background-color:#fff;border-radius:15px;box-shadow:0 5px 20px #0000000d;overflow:hidden;transition:transform .3s ease}.experience-item:hover{transform:translateY(-5px)}.experience-header{align-items:flex-start;background-color:#4a89dc;color:#fff;display:flex;justify-content:space-between;padding:2rem}.experience-info{flex:1 1}.job-title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.company{font-size:1.2rem;font-weight:500;margin:0 0 .5rem;opacity:.9}.company-logo{background-color:#fff;border-radius:12px;flex-shrink:0;height:80px;margin-left:1rem;object-fit:contain;padding:10px;width:80px}.period{font-size:.9rem;margin:0;opacity:.8}.experience-body{padding:2rem}.responsibilities{margin:0 0 2rem;padding-left:1.5rem}.responsibilities li{color:#555;line-height:1.6;margin-bottom:1rem}.recommendation{text-align:center}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.secondary-btn{background-color:initial;border:2px solid #4a89dc;color:#4a89dc}.secondary-btn:hover{background-color:#4a89dc;color:#fff}@media screen and (max-width:768px){.experience-header{align-items:center;flex-direction:column;padding:1.5rem;text-align:center}.company-logo{height:70px;margin-left:0;margin-top:1rem;width:70px}.job-title{font-size:1.3rem}.company{font-size:1.1rem}.experience-body{padding:1.5rem}}@media screen and (max-width:576px){.experience-section{padding:5rem 5%}.responsibilities li{font-size:.95rem}}.projects-section{background-color:#fff;padding:7rem 5%}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto;max-width:1200px}.project-card{background-color:#f8f9fa;border-radius:15px;box-shadow:0 5px 20px #0000000d;display:flex;flex-direction:column;overflow:hidden;padding:2rem;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.project-title{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.project-period{color:#777;font-size:.9rem;margin:0 0 1rem}.project-description{color:#555;flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background-color:#4a89dc1a;border-radius:50px;color:#4a89dc;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.project-links{display:flex;gap:1rem}.project-link{align-items:center;border-radius:5px;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.demo{background-color:#4a89dc;color:#fff}.demo:hover{background-color:#3a70b8}.github{background-color:#333;color:#fff}.github:hover{background-color:#222}@media screen and (max-width:992px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media screen and (max-width:768px){.project-card{padding:1.5rem}}@media screen and (max-width:576px){.projects-section{padding:5rem 5%}.projects-grid{grid-template-columns:1fr}.project-title{font-size:1.2rem}}.contact-section{background-color:#f8f9fa;padding:7rem 5%}.contact-container{display:flex;gap:2rem;justify-content:space-around;margin:0 auto;max-width:1000px}.contact-item{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 5px 20px #0000000d;display:flex;flex:1 1;flex-direction:column;padding:2rem;text-align:center;transition:transform .3s ease}.contact-item:hover{transform:translateY(-5px)}.contact-icon{color:#4a89dc;font-size:2.5rem;margin-bottom:1rem}.contact-item h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.contact-item a{color:#555;font-size:.95rem;text-decoration:none;transition:color .3s ease;word-break:break-word}.contact-item a:hover{color:#4a89dc}@media screen and (max-width:992px){.contact-container{flex-wrap:wrap}.contact-item{flex-basis:calc(50% - 1rem);min-width:250px}}@media screen and (max-width:768px){.contact-item{padding:1.5rem}.contact-icon{font-size:2rem}}@media screen and (max-width:576px){.contact-section{padding:5rem 5%}.contact-container{flex-direction:column}.contact-item{width:100%}}.footer{background-color:#333;color:#fff;padding:3rem 5% 2rem}.footer-nav{margin:0 auto 2rem;max-width:1200px}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;list-style:none;margin:0;padding:0}.footer-links li a{color:#ccc;font-size:.95rem;text-decoration:none;transition:color .3s ease}.footer-links li a:hover{color:#4a89dc}.copyright{color:#999;font-size:.9rem;margin:0;text-align:center}@media screen and (max-width:768px){.footer-links{gap:1.5rem}}@media screen and (max-width:576px){.footer{padding:2rem 5% 1.5rem}.footer-links{align-items:center;flex-direction:column;gap:1rem}.copyright{font-size:.8rem}}
/*# sourceMappingURL=main.326cfb2f.css.map*/