:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6;color:#e5e7eb;background:#0f0f0f;overflow-x:hidden;margin-top:20px}.portfolio-container{min-height:100vh;background:radial-gradient(ellipse at top,#1a1a1a,#0f0f0f 70%)}.top-nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0f0f0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.nav-left .location{color:#9ca3af;font-size:.875rem}.nav-center{display:flex;align-items:center}.nav-items{display:flex;gap:.5rem;background:#ffffff0d;border-radius:50px;padding:.5rem;border:1px solid rgba(255,255,255,.1)}.nav-item{background:none;border:none;color:#9ca3af;padding:.5rem 1rem;border-radius:25px;cursor:pointer;transition:all .2s ease;font-size:.875rem}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#3b82f633;color:#60a5fa}.theme-toggle{background:none;border:none;color:#9ca3af;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.theme-toggle:hover{background:#ffffff1a}.main-layout{display:flex;min-height:100vh;padding-top:5rem}.sidebar{width:320px;position:fixed;left:0;top:5rem;bottom:0;background:#ffffff05;border-right:1px solid rgba(255,255,255,.1);overflow-y:auto}.sidebar-content{padding:2rem;display:flex;flex-direction:column;gap:2rem;height:100%}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-item{display:flex;align-items:center;gap:1rem;background:none;border:none;color:#9ca3af;padding:.75rem 1rem;text-align:left;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.95rem}.sidebar-item:hover{background:#ffffff0d;color:#e5e7eb}.sidebar-item.active{background:#3b82f61a;color:#60a5fa;border-left:3px solid #60a5fa}.sidebar-icon{color:#60a5fa;font-weight:700}.profile-card{background:#ffffff08;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);margin-top:auto}.profile-avatar{margin-bottom:1rem}.avatar-placeholder{width:60px;height:60px;background:linear-gradient(135deg,#60a5fa,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem}.profile-location,.profile-dob{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.875rem;margin-bottom:1rem}.location-dot{width:8px;height:8px;background:#ef4444;border-radius:50%}.profile-languages{display:flex;gap:.5rem}.lang{background:#ffffff1a;color:#e5e7eb;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;border:1px solid rgba(255,255,255,.2)}.main-content{margin-left:320px;flex:1;padding:0 3rem 3rem;max-width:calc(100vw - 320px)}.content-section{max-width:800px;animation:fadeInUp .6s ease-out}.intro-header{display:flex;justify-content:flex-end;margin-bottom:2rem}.schedule-btn{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.3);padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.schedule-btn:hover{background:#3b82f633;transform:translateY(-1px)}.hero-section{margin-bottom:3rem}.hero-name{font-size:4.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.1}.hero-title{font-size:1.5rem;color:#9ca3af;margin-bottom:2rem;font-weight:400}.social-links{display:flex;gap:1.5rem;margin-bottom:3rem}.social-link{display:flex;align-items:center;gap:.5rem;color:#9ca3af;text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;font-size:.9rem}.social-link:hover{background:#ffffff0d;color:#e5e7eb;transform:translateY(-1px)}.social-icon{font-size:1.1rem}.hero-description{font-size:1.125rem;line-height:1.7;color:#d1d5db;max-width:600px}.section-heading{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:2rem;line-height:1.2}.experience-list{display:flex;flex-direction:column;gap:2.5rem;margin-bottom:4rem}.experience-item{background:#ffffff05;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.experience-item:hover{background:#ffffff0a;border-color:#3b82f64d;transform:translateY(-2px)}.experience-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.company-name{font-size:1.5rem;font-weight:600;color:#fff}.period{color:#9ca3af;font-size:.9rem;background:#ffffff1a;padding:.25rem .75rem;border-radius:12px}.position{color:#60a5fa;font-size:1.1rem;margin-bottom:1.5rem;font-weight:500}.highlights{list-style:none}.highlight-item{color:#d1d5db;margin-bottom:.75rem;padding-left:1rem;position:relative;line-height:1.6}.highlight-item:before{content:"•";color:#60a5fa;position:absolute;left:0;font-weight:700}.projects-section{margin-top:3rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.project-card{background:#ffffff05;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.project-card:hover{background:#ffffff0a;border-color:#3b82f64d;transform:translateY(-2px)}.project-name{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.5rem}.project-type{color:#60a5fa;font-size:.9rem;margin-bottom:1rem}.project-description{color:#d1d5db;margin-bottom:1.5rem;line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badge{background:#3b82f61a;color:#60a5fa;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;border:1px solid rgba(59,130,246,.2)}.education-list{display:flex;flex-direction:column;gap:2rem}.education-item{background:#ffffff05;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.education-item:hover{background:#ffffff0a;border-color:#3b82f64d}.education-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.degree{font-size:1.3rem;font-weight:600;color:#fff}.institution{color:#60a5fa;margin-bottom:1rem;font-size:1.1rem}.education-description{color:#d1d5db;line-height:1.6}.skills-section{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.skill-category{background:#ffffff05;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.skill-category-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.skill-items{display:flex;flex-wrap:wrap;gap:.75rem}.skill-item{background:#ffffff1a;color:#e5e7eb;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;border:1px solid rgba(255,255,255,.2);transition:all .2s ease}.skill-item:hover{background:#3b82f61a;color:#60a5fa;border-color:#3b82f64d}.specializations{background:#ffffff05;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.spec-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.spec-list{display:grid;gap:1.5rem}.spec-item h4{color:#60a5fa;font-size:1.1rem;margin-bottom:.5rem}.spec-item p{color:#d1d5db;line-height:1.6}.about-content{display:flex;flex-direction:column;gap:3rem}.about-intro{font-size:1.125rem;line-height:1.7;color:#d1d5db}.about-highlights h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.highlight-card{background:#ffffff05;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.highlight-card:hover{background:#ffffff0a;border-color:#3b82f64d;transform:translateY(-2px)}.highlight-icon{font-size:2rem;margin-bottom:1rem;display:block}.highlight-card h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.highlight-card p{color:#d1d5db;line-height:1.6}.about-approach h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.about-approach p{font-size:1.125rem;line-height:1.7;color:#d1d5db}.work-summary{margin-bottom:3rem}.work-summary p{font-size:1.125rem;line-height:1.7;color:#d1d5db}.work-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-item{background:#ffffff05;border-radius:12px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.stat-item:hover{background:#ffffff0a;border-color:#3b82f64d;transform:translateY(-2px)}.stat-item h4{color:#60a5fa;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-item p{color:#d1d5db;font-size:.9rem}.work-navigation{background:#ffffff05;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.work-navigation p{color:#d1d5db;margin-bottom:1rem;font-size:1.1rem}.work-navigation ul{list-style:none;padding:0}.work-navigation li{color:#d1d5db;margin-bottom:.75rem;padding-left:1rem;position:relative;line-height:1.6}.work-navigation li:before{content:"→";color:#60a5fa;position:absolute;left:0;font-weight:700}.work-navigation strong{color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.sidebar{width:280px}.main-content{margin-left:280px;max-width:calc(100vw - 280px);padding:0 2rem 2rem}}@media (max-width: 768px){.sidebar{position:static;width:100%;height:auto}.main-content{margin-left:0;max-width:100vw;padding:1rem}.main-layout{flex-direction:column}.hero-name{font-size:3rem}.nav-items{display:none}.experience-header,.education-header{flex-direction:column;align-items:flex-start;gap:.5rem}}