*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}html{scroll-behavior:smooth}#root,.portfolio{width:100%}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.hero-content{max-width:800px}.hero-name{font-size:3rem;margin-bottom:.5rem;font-weight:700}.hero-title{font-size:1.8rem;margin-bottom:1rem;font-weight:400;opacity:.95}.hero-location{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.hero-summary{font-size:1.1rem;line-height:1.8;opacity:.95;max-width:700px;margin:0 auto}@media(max-width:768px){.hero-name{font-size:2rem}.hero-title{font-size:1.4rem}.hero-location,.hero-summary{font-size:1rem}}.experience{background:#f8f9fa}.section{padding:4rem 2rem}.container{max-width:1200px;margin:0 auto}.section-title{font-size:2.5rem;margin-bottom:2rem;text-align:center;color:#333}.experience-item{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 10px #0000001a}.job-title{font-size:1.8rem;color:#667eea;margin-bottom:.5rem}.company{font-size:1.3rem;color:#555;margin-bottom:.3rem}.duration{font-size:1.1rem;color:#777;margin-bottom:1.5rem}.responsibilities{list-style:none;padding:0}.responsibilities li{padding-left:1.5rem;margin-bottom:.8rem;position:relative;line-height:1.6}.responsibilities li:before{content:"▹";position:absolute;left:0;color:#667eea;font-weight:700}@media(max-width:768px){.section-title{font-size:2rem}.job-title{font-size:1.5rem}.company{font-size:1.1rem}}.education{background:#fff}.education-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.education-card{background:#f8f9fa;padding:1.5rem;border-radius:10px;border-left:4px solid #667eea;transition:transform .3s ease,box-shadow .3s ease}.education-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #667eea33}.degree{font-size:1.3rem;color:#333;margin-bottom:.5rem;font-weight:600}.institution{font-size:1.1rem;color:#667eea;margin-bottom:.5rem}.edu-duration{font-size:.95rem;color:#777;margin-bottom:.5rem}.grade{font-size:1rem;color:#555;font-weight:600}@media(max-width:768px){.education-grid{grid-template-columns:1fr}}.skills{background:#f8f9fa}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.skill-card{background:#fff;padding:1.5rem;border-radius:8px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.skill-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #667eea33;border-color:#667eea}.skill-name{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:.5rem}.skill-level{font-size:.9rem;color:#667eea;font-weight:500}@media(max-width:768px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.certifications{background:#fff}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.cert-card{background:#f8f9fa;padding:2rem;border-radius:10px;border-top:4px solid #667eea;transition:transform .3s ease,box-shadow .3s ease}.cert-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #667eea33}.cert-name{font-size:1.3rem;color:#333;margin-bottom:.5rem;font-weight:600}.cert-issuer{font-size:1.1rem;color:#667eea;margin-bottom:1rem;font-weight:500}.cert-description{font-size:1rem;color:#555;line-height:1.6;margin-bottom:1rem}.cert-link{display:inline-block;color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.cert-link:hover{color:#764ba2}@media(max-width:768px){.cert-grid{grid-template-columns:1fr}}.projects{background:#f8f9fa}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.project-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #667eea33}.project-name{font-size:1.5rem;color:#333;margin-bottom:1rem;font-weight:600}.project-description{font-size:1rem;color:#555;line-height:1.6;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{background:#667eea;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500}.project-link{display:inline-block;color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.project-link:hover{color:#764ba2}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.languages-interests{background:#fff}.li-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.li-card{background:#f8f9fa;padding:2rem;border-radius:10px;border-left:4px solid #667eea}.li-title{font-size:1.8rem;color:#333;margin-bottom:1.5rem;font-weight:600}.li-list{list-style:none;padding:0}.li-item{padding:.8rem 0 .8rem 1.5rem;position:relative;font-size:1.1rem;color:#555;border-bottom:1px solid #e0e0e0}.li-item:last-child{border-bottom:none}.li-item:before{content:"▹";position:absolute;left:0;color:#667eea;font-weight:700}@media(max-width:768px){.li-grid{grid-template-columns:1fr}}.contact{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.contact-content{max-width:900px;margin:0 auto}.contact-intro{font-size:1.2rem;text-align:center;margin-bottom:3rem;opacity:.95}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.contact-item{background:#ffffff1a;padding:1.5rem;border-radius:10px;display:flex;align-items:flex-start;gap:1rem;transition:background .3s ease,transform .3s ease}.contact-item:hover{background:#fff3;transform:translateY(-5px)}.contact-icon{font-size:2rem}.contact-details h3{font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.contact-details a{color:#fff;text-decoration:none;opacity:.9;transition:opacity .3s ease;word-break:break-word}.contact-details a:hover{opacity:1;text-decoration:underline}.footer{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2);opacity:.8}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}.contact-intro{font-size:1rem}}