@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #fafbfc;--bg-tertiary: #f6f8fa;--bg-accent: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-accent-soft: linear-gradient(135deg, #f0f2ff 0%, #f6f4ff 100%);--text-primary: #0d1117;--text-secondary: #656d76;--text-tertiary: #8b949e;--text-accent: #6366f1;--border-primary: #d0d7de;--border-secondary: #e5e7eb;--border-accent: #c7d2fe;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}[data-theme=dark]{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-accent: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--bg-accent-soft: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--text-primary: #f0f6fc;--text-secondary: #b1bac4;--text-tertiary: #7d8590;--text-accent: #818cf8;--border-primary: #30363d;--border-secondary: #21262d;--border-accent: #4338ca;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .3), 0 8px 10px -6px rgb(0 0 0 / .3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden}*,*:before,*:after{transition:color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffc;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-secondary);padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] nav{background:#0d1117cc}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:.95rem;padding:.75rem 1rem;border-radius:var(--radius-sm);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-links a:hover{color:var(--text-accent);transform:translateY(-1px)}.nav-links a.active{color:var(--text-accent);background:var(--bg-accent-soft);font-weight:600}.nav-links a.active:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--text-accent);border-radius:50%}.theme-toggle{background:var(--bg-accent);border:none;color:#fff;padding:.6rem;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;position:absolute;right:0;margin:.5rem 0}.theme-toggle:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-lg)}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:.5rem;gap:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger span{width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.content{max-width:1200px;margin:0 auto;padding:8rem 2rem 4rem;display:grid;grid-template-columns:320px 1fr;gap:4rem;align-items:start}.left-section{position:sticky;top:8rem;display:flex;flex-direction:column;gap:2rem}.section{background:var(--bg-primary);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border-secondary);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.section:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.timeline-container{position:relative;padding-left:2rem}.timeline-container:before{content:"";position:absolute;left:6px;top:.5rem;bottom:0;width:2px;background:var(--bg-accent);border-radius:2px}.timeline-item{position:relative;padding-left:1.5rem;margin-bottom:2.5rem;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transform:translateY(20px)}.timeline-item:last-child{margin-bottom:0}.timeline-item:nth-child(1){animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:before{content:"";position:absolute;left:-1.5rem;top:.5rem;width:12px;height:12px;background:var(--text-tertiary);border:3px solid var(--bg-primary);border-radius:50%;box-shadow:0 0 0 2px var(--border-primary);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1;transform:translate(-50%)}.timeline-item.current:before{background:var(--text-accent);box-shadow:0 0 0 2px var(--border-accent),0 0 15px #6366f166;animation:pulse 2s infinite;transform:translate(-50%) scale(1.1)}@keyframes pulse{0%,to{box-shadow:0 0 0 2px var(--border-accent),0 0 15px #6366f166;transform:translate(-50%) scale(1.1)}50%{box-shadow:0 0 0 4px var(--border-accent),0 0 20px #6366f199;transform:translate(-50%) scale(1.2)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.timeline-item h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;line-height:1.3}.timeline-item p{font-size:.9rem;color:var(--text-secondary);margin-bottom:.25rem;line-height:1.4}.timeline-item p:last-child{margin-bottom:0}.skills-grid{display:flex;flex-direction:column;gap:1.5rem}.skill-category{display:flex;flex-wrap:wrap;gap:.75rem}.tag{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--bg-accent);color:#fff;border-radius:20px;font-size:.8rem;font-weight:500;font-family:JetBrains Mono,monospace;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:default}.tag:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-md)}.main{display:flex;flex-direction:column;gap:3rem}.main-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;color:var(--text-primary);line-height:1.1;margin-bottom:1rem;background:var(--bg-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transform:translateY(30px);animation-delay:.2s}h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;position:relative;display:flex;align-items:center;gap:1rem}h2:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--border-primary),transparent)}.intro{background:var(--bg-primary);border-radius:var(--radius-xl);padding:3rem;border:1px solid var(--border-secondary);box-shadow:var(--shadow-lg);display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transform:translateY(30px);animation-delay:.4s}.intro:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.intro-text p{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem}.intro-text p:last-child{margin-bottom:0}.intro-image{display:flex;align-items:center;justify-content:center}.intro-image img{width:200px;height:200px;object-fit:cover;border-radius:50%;border:4px solid transparent;background:var(--bg-accent);padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.intro-image img:hover{transform:scale(1.05) rotate(5deg);box-shadow:var(--shadow-xl)}.projects{display:flex;flex-direction:column;gap:2rem}.project{display:grid;grid-template-columns:1fr 300px;background:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-secondary);box-shadow:var(--shadow-md);text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transform:translateY(30px)}.project:nth-child(2){animation-delay:.6s}.project:nth-child(3){animation-delay:.8s}.project:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--border-accent)}.project-text{padding:2.5rem;display:flex;flex-direction:column;justify-content:center}.project-text h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.project-text h3:after{content:"↗";font-size:1.2rem;color:var(--text-accent);transition:all .3s cubic-bezier(.4,0,.2,1)}.project:hover .project-text h3:after{transform:translate(4px,-4px)}.project-text p{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1rem}.project-text strong{color:var(--text-accent);font-weight:600}.project-image{background:var(--bg-accent);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1)}.project:hover .project-image img{transform:scale(1.1)}footer{text-align:center;padding:4rem 2rem 2rem;border-top:1px solid var(--border-secondary);margin-top:4rem;background:var(--bg-tertiary)}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-primary);border-radius:50%;color:var(--text-secondary);text-decoration:none;border:1px solid var(--border-secondary);transition:all .3s cubic-bezier(.4,0,.2,1)}.social-link:hover{transform:translateY(-4px) scale(1.1);color:var(--text-accent);border-color:var(--border-accent);box-shadow:var(--shadow-lg)}footer span{color:var(--text-tertiary);font-size:.9rem}.mb-20{margin-bottom:1.25rem}#home,#projects{scroll-margin-top:6rem}@media(max-width:1024px){.content{grid-template-columns:1fr;gap:3rem;padding:6rem 1.5rem 3rem}.left-section{position:static;order:2}.main{order:1}}@media(max-width:768px){.nav-links{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:var(--bg-primary);flex-direction:column;justify-content:center;gap:3rem;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:999}.nav-links.show{left:0}.hamburger{display:flex;z-index:1001}.theme-toggle{position:static;margin:0 0 0 auto}.nav-container{justify-content:space-between}.content{padding:6rem 1rem 2rem;gap:2rem}.intro{grid-template-columns:1fr;padding:2rem;text-align:center}.intro-image{order:-1;margin-bottom:1rem}.intro-image img{width:150px;height:150px}.project{grid-template-columns:1fr}.project-image{min-height:200px}.main-title{margin-top:15px;text-align:center}.section{padding:1.5rem}.timeline-container{padding-left:1.5rem}.timeline-container:before{left:6px}.timeline-item{padding-left:1rem}.timeline-item:before{left:-1rem;transform:translate(-50%)}.timeline-item.current:before{transform:translate(-50%) scale(1.1)}}@media(max-width:480px){.content{padding:4rem 1rem 2rem}nav{padding:1rem}.intro,.project-text{padding:1.5rem}.section{padding:1rem}.skill-category{gap:.5rem}.tag{padding:.4rem .8rem;font-size:.75rem}}@media(prefers-contrast:high){:root{--border-primary: #000000;--border-secondary: #000000}[data-theme=dark]{--border-primary: #ffffff;--border-secondary: #ffffff}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}