:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color:#e6edf3;background-color:#0d1117;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#0d1117}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.2}a{text-decoration:none;color:inherit}button{font-family:inherit}*{margin:0;padding:0;box-sizing:border-box}.portfolio{background:linear-gradient(135deg,#0d1117,#161b22,#1c2128);color:#e6edf3;min-height:100vh;position:relative;overflow-x:hidden}.background-shapes{position:fixed;inset:0;z-index:1;pointer-events:none}.shape{position:absolute;opacity:.6;filter:blur(1px)}.circle{border-radius:50%;background:radial-gradient(circle,rgba(88,166,255,.35) 0%,transparent 70%)}.circle-1{width:300px;height:300px;top:10%;left:15%;animation:float 20s ease-in-out infinite}.circle-2{width:200px;height:200px;top:60%;right:20%;animation:float 15s ease-in-out infinite reverse}.circle-3{width:250px;height:250px;bottom:10%;left:10%;animation:float 18s ease-in-out infinite}.square{border-radius:20px;background:linear-gradient(135deg,#8b5cf640,#6366f126)}.square-1{width:180px;height:180px;top:40%;right:10%;animation:drift 18s linear infinite}.square-2{width:150px;height:150px;top:80%;left:8%;animation:drift 22s linear infinite reverse}.square-3{width:160px;height:160px;bottom:30%;right:15%;animation:drift 20s linear infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(5deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}}@keyframes drift{0%{transform:translate(0) rotate(0)}50%{transform:translate(40px,-40px) rotate(10deg)}to{transform:translate(0) rotate(0)}}.hero{position:relative;width:100vw;min-height:100vh;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;display:flex;align-items:center;justify-content:center;padding:2rem;background:transparent;isolation:isolate;z-index:2}.hero-content{position:relative;z-index:3;max-width:900px;width:100%;background:#161b22eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;border:1px solid rgba(88,166,255,.25);padding:3rem 2.5rem;box-shadow:0 25px 50px #00000080}.hero-label{font-size:.875rem;color:#58a6ff;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.75rem}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#58a6ff,#79c0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-alias{font-size:.95rem;color:#9ca3af;margin-top:.25rem}.memorial{display:block;font-size:1rem;color:#9ca3af;margin-top:.75rem;font-style:italic;font-weight:400}.hero-age{font-size:1rem;color:#9ca3af;margin-bottom:1.25rem}.hero-intro{font-size:1.125rem;line-height:1.7;color:#d1d5db;margin-bottom:2rem}.hero-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tech-badge{padding:.5rem 1rem;background:#58a6ff14;border:1px solid rgba(88,166,255,.25);border-radius:8px;font-size:.875rem;color:#79c0ff}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:.875rem 1.75rem;border-radius:12px;font-weight:600;text-decoration:none;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#1f6feb,#0969da);color:#fff;border:none}.btn-resume{background:linear-gradient(135deg,#2ea043,#238636);color:#fff;border:none}.btn-secondary{background:transparent;color:#79c0ff;border:1px solid rgba(88,166,255,.4)}.section{padding:5rem 2rem;max-width:1200px;margin:0 auto;position:relative;z-index:2}.section-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:2.5rem;text-align:center;background:linear-gradient(135deg,#58a6ff,#79c0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about{background:#161b2266}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.skill-category{background:#161b2299;border-radius:16px;padding:1.75rem;border:1px solid rgba(88,166,255,.18)}.skill-category-title{font-size:1.25rem;color:#58a6ff;margin-bottom:1rem;font-weight:600}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.5rem 1rem;background:#58a6ff14;border:1px solid rgba(88,166,255,.25);border-radius:8px;font-size:.875rem;color:#79c0ff}.about-content p{font-size:1.125rem;line-height:1.8;color:#d1d5db;margin-bottom:1.5rem}.about-content strong{color:#60a5fa;font-weight:600}.experience-timeline{display:flex;flex-direction:column;gap:2rem}.experience-card{background:#161b2299;border-radius:16px;padding:2rem;border:1px solid rgba(88,166,255,.18)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.experience-company-title{font-size:2rem;color:#58a6ff;margin-bottom:.25rem}.experience-company-title a{color:#58a6ff;text-decoration:none}.experience-role{font-size:1rem;color:#9ca3af;text-decoration:none;transition:color .3s ease}.experience-url{font-size:.875rem;margin-top:.5rem}.experience-url a{color:#79c0ff;text-decoration:none}.experience-company a:hover{color:#58a6ff}.experience-meta{text-align:right}.experience-period{font-size:.875rem;color:#d1d5db;font-weight:600}.experience-location{font-size:.875rem;color:#9ca3af;margin-top:.25rem}.experience-highlights{list-style:none}.experience-highlights li{padding-left:1.5rem;margin-bottom:.75rem;position:relative;color:#d1d5db;line-height:1.6}.experience-highlights li:before{content:"▹";position:absolute;left:0;color:#58a6ff;font-weight:700}.projects{background:#161b2266}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background:#161b2299;border-radius:16px;padding:2rem;border:1px solid rgba(88,166,255,.18);display:flex;flex-direction:column}.project-title{font-size:1.5rem;color:#58a6ff;margin-bottom:1rem}.project-description{color:#d1d5db;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{padding:.375rem .75rem;background:#58a6ff14;border:1px solid rgba(88,166,255,.2);border-radius:6px;font-size:.75rem;color:#79c0ff}.project-links{display:flex;gap:1.5rem}.project-link{color:#58a6ff;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.contact{text-align:center}.contact-text{font-size:1.125rem;color:#d1d5db;max-width:600px;margin:0 auto 2rem;line-height:1.7}.contact-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.contact-btn{padding:1rem 2rem;background:#58a6ff1a;border:2px solid #58a6ff;border-radius:12px;color:#58a6ff;font-weight:600;text-decoration:none}.footer{text-align:center;padding:2rem;color:#8b949e;border-top:1px solid rgba(88,166,255,.12)}.footer a{color:#58a6ff;text-decoration:none}.footer-highlight{font-weight:600;background:linear-gradient(135deg,#58a6ff,#79c0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.hero-content{padding:2rem 1.5rem}.section{padding:3rem 1.5rem}.experience-header{flex-direction:column}.experience-meta{text-align:left}.projects-grid{grid-template-columns:1fr}.circle-1,.circle-2{width:200px;height:200px}.square-1,.square-2{width:120px;height:120px}}@media(max-width:480px){.hero-content{padding:1.5rem 1rem;border-radius:24px}.hero-actions{flex-direction:column;width:100%}.btn{width:100%;text-align:center}.contact-links{flex-direction:column}.contact-btn{width:100%}}