@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";html{scroll-behavior:smooth}body{margin:0}#root{min-height:100vh}:root{--color-background:#fff;--color-surface:#f8fafc;--color-text:#111827;--color-text-secondary:#4b5563;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--border-radius:12px;--container-width:1200px;--transition:.3s ease;--navbar-height:80px;--section-spacing:5rem;--box-shadow:0 8px 24px #00000014;--card-padding:2rem;--card-gap:1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}ul{list-style:none}.container{max-width:var(--container-width);padding:var(--section-spacing) 1.5rem;margin:0 auto}.section-title{margin-bottom:2rem;font-size:2.5rem}.primary-btn{background:var(--color-primary);color:#fff;border-radius:var(--border-radius);transition:var(--transition);padding:.9rem 1.8rem}.primary-btn:hover{background:var(--color-primary-hover)}.secondary-btn{border:2px solid var(--color-primary);color:var(--color-primary);border-radius:var(--border-radius);transition:var(--transition);padding:.9rem 1.8rem}.secondary-btn:hover{background:var(--color-primary);color:#fff}.skill-item{background:var(--color-surface);border-radius:999px;padding:.45rem 1rem;font-size:.9rem;font-weight:500}footer{text-align:center}nav{z-index:1000;height:var(--navbar-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0}.nav-container{width:100%;max-width:var(--container-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{color:var(--color-text);transition:var(--transition);font-size:1.5rem;font-weight:700}.logo:hover{color:var(--color-primary)}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--color-text-secondary);transition:var(--transition);font-weight:500;position:relative}.nav-links a:hover{color:var(--color-primary)}.nav-links a:after{content:"";background:var(--color-primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-6px;left:0}.nav-links a:hover:after{width:100%}#hero{min-height:calc(100vh - var(--navbar-height));background:linear-gradient(#fff 0%,#f8fafc 100%);align-items:center;display:flex}.hero-content{justify-content:space-between;align-items:center;gap:5rem;display:flex}.hero-text{flex:1}.hero-intro{color:var(--color-primary);margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.hero-text h1{margin-bottom:.75rem;font-size:4rem;line-height:1.1}.hero-text h2{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:2rem;font-weight:500}.hero-description{max-width:600px;color:var(--color-text-secondary);margin-bottom:2rem;font-size:1.1rem}.hero-buttons{gap:1rem;display:flex}.primary-btn,.secondary-btn{transition:var(--transition);justify-content:center;align-items:center;display:inline-flex}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-3px)}.hero-image{flex:1;justify-content:center;display:flex}.hero-image img{object-fit:cover;width:320px;height:320px;box-shadow:var(--box-shadow);transition:var(--transition);border:6px solid #fff;border-radius:50%}.hero-image img:hover{transform:scale(1.03)}#about{background:var(--color-background)}#about .container{max-width:900px}#about p{background:var(--color-surface);padding:var(--card-padding);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--color-text-secondary);font-size:1.1rem;line-height:1.9}.section-title{margin-bottom:2rem;font-size:2.5rem;font-weight:700;display:inline-block;position:relative}.section-title:after{content:"";background:var(--color-primary);border-radius:999px;width:60px;height:4px;position:absolute;bottom:-8px;left:0}#education{background:var(--color-surface)}.education-group:not(:last-child){margin-bottom:3rem}.education-group h3{margin-bottom:.5rem;font-size:1.5rem}.education-group>p{color:var(--color-text-secondary);margin-bottom:2rem}.education-item{padding:var(--card-padding);border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition);background:#fff}.education-item:hover{transform:translateY(-4px)}.education-item h4{margin-bottom:.5rem;font-size:1.2rem}.education-item p{color:var(--color-text-secondary);margin-bottom:.75rem}.education-item span{color:var(--color-primary);font-size:.95rem;font-weight:600}#skills{background:var(--color-background)}.skills-group{margin-bottom:3rem}.skills-group:last-child{margin-bottom:0}.skills-group h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.4rem}.skills-list{flex-wrap:wrap;gap:.75rem;display:flex}.skill-item{background:var(--color-surface);transition:var(--transition);border-radius:999px;align-items:center;padding:.6rem 1rem;font-size:.95rem;font-weight:500;display:inline-flex}.skill-item:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}#projects{background:var(--color-surface)}.projects-grid{gap:2rem;display:grid}.project-card{padding:var(--card-padding);border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition);background:#fff}.project-card:hover{transform:translateY(-6px)}.project-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.project-header h3{font-size:1.4rem}.project-meta{align-items:center;gap:1rem;display:flex}.project-team{background:var(--color-surface);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .8rem;display:inline-flex}.report-link,.github-link{color:var(--color-primary);transition:var(--transition);align-items:center;gap:.4rem;display:flex}.report-link:hover,.github-link:hover{color:var(--color-primary-hover)}.project-description{color:var(--color-text-secondary);margin-bottom:1.5rem}.project-highlights{margin-top:1.5rem}.project-highlights h4{margin-bottom:.75rem}.project-highlights ul{color:var(--color-text-secondary);padding-left:1.2rem;list-style:outside}.project-highlights li{margin-bottom:.5rem}#experience{background:var(--color-background)}.experience-grid{gap:2rem;display:grid}.experience-card{padding:var(--card-padding);border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition);background:#fff}.experience-card:hover{transform:translateY(-6px)}.experience-header{margin-bottom:1.5rem}.experience-header h3{margin-bottom:1rem;font-size:1.4rem}.experience-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.experience-company,.experience-period{background:var(--color-surface);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.95rem;display:inline-flex}.experience-description{color:var(--color-text-secondary);margin-bottom:1.5rem}.experience-highlights{margin-top:1.5rem}.experience-highlights h4{margin-bottom:.75rem}.experience-highlights ul{color:var(--color-text-secondary);padding-left:1.2rem;list-style:outside}.experience-highlights li{margin-bottom:.5rem}#contact{background:var(--color-surface)}.contact-content{text-align:center;max-width:700px;margin:0 auto}#contact p{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1.1rem}.contact-links a{border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition);border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition);background:#fff;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.5rem;font-weight:500;display:inline-flex}.contact-links a:hover{background:var(--color-primary);color:#fff;transform:translateY(-4px)}