@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333;background-color:#fff}#root{min-height:100vh}html{scroll-behavior:smooth}button:focus,a:focus{outline:2px solid #667eea;outline-offset:2px}button{background:none;border:none;cursor:pointer}a{text-decoration:none;color:inherit}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#fff}.app{min-height:100vh}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:all .3s ease;padding:1rem 0}.navigation.scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000001a;padding:.5rem 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{cursor:pointer;transition:color .3s ease;height:30px}.nav-logo img{height:100%}.hidden{display:none}.navigation.scrolled .nav-logo{color:#2d3748}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links li{color:#fff;cursor:pointer;font-weight:500;transition:all .3s ease;position:relative}.navigation.scrolled .nav-links li{color:#4a5568}.nav-links li:hover{color:#667eea;transform:scale(1.1)}.nav-item{position:relative;cursor:pointer;transition:all .3s ease}.nav-item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#667eea;transform:scaleX(0);transition:transform .3s ease}.nav-item.active:after{transform:scale(1);background-color:#667eea}.nav-links li:hover:after{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;text-align:center}.btn:focus{outline:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.btn-secondary{background:transparent;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.btn-small{padding:8px 16px;font-size:14px}.btn-outline{background:transparent;color:#667eea;border:1px solid #667eea}.btn-outline:hover{background:#667eea;color:#fff}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:2rem}.hero-content h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;animation:fadeInUp 1s ease}.hero-content h2{font-size:1.5rem;font-weight:400;margin-bottom:1.5rem;opacity:.9;animation:fadeInUp 1s ease .2s both}.hero-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.8;max-width:600px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease .4s both}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease .6s both}section{padding:5rem 0}section h2{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#2d3748}.about{background-color:#f7fafc}.about-content{display:flexbox}.about-main{display:flex;flex-direction:column;gap:3rem}.about-header{display:flex;gap:2rem;align-items:flex-start}.profile-image{height:50vh;border-radius:5%;flex-shrink:0}.profile-img{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 8px 25px #0000001a;transition:transform .3s ease}.profile-img:hover{transform:scale(1.05)}.placeholder-image{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;border-radius:inherit}.placeholder-content{text-align:center}.placeholder-icon{font-size:2.5rem;margin-bottom:.5rem}.placeholder-text{font-size:.9rem;font-weight:500;opacity:.9}.profile-img.placeholder-image{border-radius:50%}.interest-img.placeholder-image{border-radius:0}.about-text{flex:1}.about-text p{font-size:1.1rem;margin-bottom:1.5rem;color:#4a5568;line-height:1.8}.interests-section h3{font-size:1.8rem;margin-bottom:2rem;color:#2d3748;text-align:center}.interests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.interest-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.interest-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.interest-item:focus{outline:none}.interest-image{height:500px;overflow:hidden}.interest-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.interest-item:hover .interest-img{transform:scale(1.1)}.interest-content{padding:1.5rem}.interest-content h4{font-size:1.2rem;color:#2d3748;margin-bottom:.75rem;font-weight:600}.interest-content p{color:#4a5568;line-height:1.6;font-size:.95rem}.skills h3{font-size:1.5rem;margin-bottom:1.5rem;color:#2d3748}.skills-grid{display:grid;gap:2rem}.skill-category h4{font-size:1.2rem;margin-bottom:1rem;color:#4a5568}.skill-category ul{list-style:none}.skill-category li{color:#667eea;font-weight:500;position:relative;padding:.5rem 0 .5rem 1.5rem}.skill-category li:before{content:"▹";position:absolute;left:0;color:#667eea}.education-item{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;border-left:4px solid #667eea}.education-subheader{display:flex;flex-direction:column}.education-header{display:flex;justify-content:space-between;margin-bottom:1rem;align-items:center;flex-wrap:wrap;gap:1rem}.education-subheader h3{font-size:1.3rem;color:#2d3748}.education-date{background:#667eea;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.education-institution{font-size:1.1rem;color:#667eea;font-weight:600;margin-bottom:1rem}.education-description{color:#4a5568;margin-bottom:1rem;line-height:1.6}.education-gpa{font-weight:600;color:#2d3748}.experience{background-color:#f7fafc}.experience-item{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;border-left:4px solid #667eea}.experience-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.experience-header h3{font-size:1.3rem;color:#2d3748}.experience-date{background:#667eea;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.experience-company{font-size:1.1rem;color:#667eea;font-weight:600;margin-bottom:1rem}.experience-description{list-style:none;color:#4a5568}.experience-description li{position:relative;padding:.5rem 0 .5rem 1.5rem}.experience-description li:before{content:"▹";position:absolute;left:0;color:#667eea}.projects-grid{display:flex;flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));row-gap:2vh;column-gap:2%}.project-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e2e8f0;width:49%}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.project-card h3{font-size:1.3rem;color:#2d3748;margin-bottom:1rem}.project-card p{color:#4a5568;margin-bottom:1.5rem;line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tech span{background:#edf2f7;color:#667eea;padding:.25rem .75rem;border-radius:15px;font-size:.85rem;font-weight:500}.project-links{display:flex;gap:1rem}.contact{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.contact h2{color:#fff}.contact-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.contact-links{display:flex;flex-direction:column;justify-content:center;gap:2rem;flex-wrap:wrap}.contact-link{color:#fff;text-decoration:none;font-size:1.1rem;font-weight:500;transition:opacity .3s ease}.contact-link:hover{opacity:.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1000px){.about-header{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}}@media (max-width: 768px){.nav-container{padding:0 1rem}.nav-links{gap:1rem}.nav-links li{font-size:.9rem}.hero-content h1{font-size:2.5rem}.hero-content h2{font-size:1.2rem}.hero-buttons{flex-direction:column;align-items:center}.about-content{grid-template-columns:1fr;gap:2rem}.about-header{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.profile-image{width:100%;height:auto;margin:0 auto}.interests-grid{grid-template-columns:1fr;gap:1.5rem}.interest-image{height:500px}.skill-category ul{list-style:none}.skill-category li{padding:.2rem 0;color:#667eea;font-weight:500;position:relative}.skill-category li:before{content:"";position:absolute;left:0;color:#667eea}.education-header,.experience-header{flex-direction:column;align-items:flex-start}.projects-grid{grid-template-columns:1fr}.contact-links{flex-direction:column;gap:1rem}.container{padding:0 1rem}section{padding:3rem 0}.project-card{width:100%}}@media (max-width: 480px){.nav-links{gap:.5rem}.nav-links li{font-size:.8rem}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.profile-img{width:120px;height:120px}.interest-image{height:350px}.interest-content{padding:1rem}section h2{font-size:2rem}}