:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;--bg: #f8fafc;--text: #0f172a;--text-muted: #64748b;--text-heading: #0f172a;--card-bg: rgba(255, 255, 255, .85);--card-border: rgba(0, 0, 0, .08);--card-hover-border: rgba(2, 132, 199, .35);--card-shadow: 0 10px 30px -10px rgba(0, 0, 0, .06);--accent: #0284c7;--accent-hover: #0369a1;--tag-bg: rgba(2, 132, 199, .08);--tag-border: rgba(2, 132, 199, .16);--tag-text: #0369a1;--nav-bg: rgba(255, 255, 255, .75);--nav-border: rgba(0, 0, 0, .08);--nav-text: #475569;--nav-text-hover: #0f172a;--nav-active-bg: rgba(0, 0, 0, .06);--nav-shadow: 0 12px 32px rgba(0, 0, 0, .06);--nav-dropdown-bg: rgba(255, 255, 255, .92);--glow-1: rgba(56, 189, 248, .14);--glow-2: rgba(168, 85, 247, .08);--glow-3: rgba(236, 72, 153, .06);--card-solid-bg: #ffffff;--avatar-overlay: rgba(255, 255, 255, .92)}[data-theme=dark]{color-scheme:dark;--bg: #0b0c10;--text: #f1f5f9;--text-muted: #94a3b8;--text-heading: #f8fafc;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08);--card-hover-border: rgba(56, 189, 248, .35);--card-shadow: 0 20px 40px rgba(0, 0, 0, .25);--accent: #38bdf8;--accent-hover: #7dd3fc;--tag-bg: rgba(255, 255, 255, .06);--tag-border: rgba(255, 255, 255, .1);--tag-text: #cbd5e1;--nav-bg: rgba(20, 20, 30, .75);--nav-border: rgba(255, 255, 255, .15);--nav-text: rgba(255, 255, 255, .75);--nav-text-hover: #ffffff;--nav-active-bg: rgba(255, 255, 255, .12);--nav-shadow: 0 20px 40px rgba(0, 0, 0, .4);--nav-dropdown-bg: rgba(20, 20, 30, .9);--glow-1: rgba(56, 189, 248, .2);--glow-2: rgba(168, 85, 247, .14);--glow-3: rgba(236, 72, 153, .1);--card-solid-bg: #111318;--avatar-overlay: rgba(11, 12, 16, .75)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{margin:0;padding:0;background-color:var(--bg);color:var(--text);min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}.liquid-nav-wrapper{position:fixed;top:1.25rem;left:0;right:0;z-index:1000;display:flex;justify-content:center;padding:0 1rem;pointer-events:none}.liquid-nav{pointer-events:auto;width:100%;max-width:960px;height:3.5rem;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;border-radius:9999px;background:var(--nav-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--nav-border);box-shadow:var(--nav-shadow);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:visible}.nav-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text);font-weight:600;font-size:1.05rem;letter-spacing:-.01em;transition:transform .2s ease,opacity .2s ease}.nav-brand:hover{transform:scale(1.03);opacity:.9}.nav-favicon{width:1.75rem;height:1.75rem;object-fit:contain}.nav-title{color:var(--text);font-weight:700}.nav-menu-desktop{display:flex;align-items:center;gap:.4rem;list-style:none;margin:0;padding:0;position:absolute;left:50%;transform:translate(-50%)}.nav-item{position:relative}.nav-link{display:block;padding:.45rem 1rem;color:var(--nav-text);text-decoration:none;font-size:.925rem;font-weight:500;border-radius:9999px;transition:color .2s ease,background-color .2s ease,transform .15s ease}.nav-link:hover{color:var(--nav-text-hover);background:var(--nav-active-bg)}.nav-link.active{color:var(--accent);background:var(--nav-active-bg);font-weight:600}.nav-actions-right{display:flex;align-items:center;gap:.5rem}.lang-switcher{display:flex;align-items:center;background:var(--nav-active-bg);border:1px solid var(--nav-border);border-radius:9999px;padding:2px;gap:2px}.lang-btn{background:transparent;border:none;color:var(--nav-text);font-size:.72rem;font-weight:600;padding:.2rem .45rem;border-radius:9999px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);line-height:1.2}.lang-btn:hover{color:var(--text)}.lang-btn.active{background:var(--accent);color:#fff;box-shadow:0 1px 4px #00000026}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .75rem;margin-bottom:.35rem;border-bottom:1px solid var(--nav-border)}.mobile-menu-top .lang-btn{padding:.35rem .65rem;font-size:.8rem}.theme-toggle-btn{background:var(--nav-active-bg);border:1px solid var(--nav-border);color:var(--text);width:2.25rem;height:2.25rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .2s ease,transform .2s ease,color .2s ease}.theme-toggle-btn:hover{color:var(--accent);transform:scale(1.08)}.theme-toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-toggle-btn{display:none;background:var(--nav-active-bg);border:1px solid var(--nav-border);color:var(--text);width:2.25rem;height:2.25rem;border-radius:50%;cursor:pointer;align-items:center;justify-content:center;padding:0;transition:background-color .2s ease,transform .2s ease}.nav-toggle-btn:hover{transform:scale(1.05)}.hamburger-icon{width:1.15rem;height:.9rem;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-bar{display:block;width:100%;height:2px;background-color:var(--text);border-radius:2px;transition:transform .25s ease,opacity .25s ease}.nav-toggle-btn.open .hamburger-bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle-btn.open .hamburger-bar:nth-child(2){opacity:0}.nav-toggle-btn.open .hamburger-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-dropdown-mobile{display:none}@media(max-width:850px){.nav-menu-desktop,.nav-actions-right .lang-switcher,.nav-actions-right .theme-toggle-btn{display:none}.nav-toggle-btn{display:flex}.liquid-nav-wrapper{top:1rem}.nav-dropdown-mobile{display:flex;flex-direction:column;position:absolute;top:calc(100% + .5rem);left:0;right:0;padding:.75rem;border-radius:1.25rem;background:var(--nav-dropdown-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--nav-border);box-shadow:var(--nav-shadow);opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.nav-dropdown-mobile.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.mobile-nav-link{display:flex;align-items:center;padding:.75rem 1rem;color:var(--nav-text);text-decoration:none;font-size:.95rem;font-weight:500;border-radius:.75rem;transition:background-color .15s ease,color .15s ease}.mobile-nav-link:hover,.mobile-nav-link:focus,.mobile-nav-link.active{background:var(--nav-active-bg);color:var(--accent);font-weight:600}}.app-container{min-height:100vh;width:100%;background-color:var(--bg);color:var(--text);position:relative;overflow-x:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s ease,color .3s ease}.content{max-width:1040px;margin:0 auto;padding:6.5rem 1.5rem 4rem;position:relative;z-index:1;min-height:calc(100vh - 6.5rem);display:flex;flex-direction:column}.section{padding:3rem 2.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:1.5rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--card-shadow);animation:fadeIn .35s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:2rem}.section-header h2{font-size:1.85rem;font-weight:700;color:var(--text-heading);margin-bottom:.35rem}.section-subtitle{color:var(--text-muted);font-size:.95rem}.home-section{position:relative;overflow:hidden;padding-bottom:0}.home-layout{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(1.5rem,3vw,2.5rem)}.home-info{display:flex;flex-direction:column;gap:.75rem;padding-bottom:clamp(1.5rem,3vw,3rem);flex:1}.home-avatar-container{flex-shrink:0;position:relative;display:flex;align-items:flex-end;justify-content:center;align-self:flex-end;margin-bottom:-4px}.home-avatar-glow{position:absolute;width:clamp(260px,32vw,340px);height:clamp(260px,32vw,340px);border-radius:50%;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);opacity:.25;filter:blur(40px);z-index:0;bottom:5%}.home-avatar-img{position:relative;z-index:1;width:clamp(280px,33vw,400px);height:clamp(280px,33vw,400px);object-fit:contain;object-position:bottom center;display:block;transform-origin:bottom center;filter:drop-shadow(0 14px 32px rgba(0,0,0,.25));transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s ease;-webkit-mask-image:linear-gradient(to bottom,black 95%,transparent 100%);mask-image:linear-gradient(to bottom,black 95%,transparent 100%)}.home-avatar-img:hover{transform:scale(1.03);filter:drop-shadow(0 18px 36px rgba(0,0,0,.35))}@media(max-width:850px){.home-section{padding:.5rem 0 2rem}.home-layout{flex-direction:column;text-align:center;align-items:center;gap:0}.home-avatar-container{order:-1;align-self:center;margin-bottom:0;z-index:1;width:100%;max-width:340px}.home-avatar-glow{width:250px;height:250px;bottom:8%}.home-avatar-img{width:clamp(280px,82vw,350px);height:clamp(280px,82vw,350px);margin:0 auto;-webkit-mask-image:radial-gradient(ellipse 85% 80% at 50% 40%,black 45%,rgba(0,0,0,.45) 68%,transparent 85%);mask-image:radial-gradient(ellipse 85% 80% at 50% 40%,black 45%,rgba(0,0,0,.45) 68%,transparent 85%)}:root:not([data-theme=dark]) .home-avatar-img{-webkit-mask-image:linear-gradient(to bottom,black 0%,black 60%,rgba(0,0,0,.88) 70%,rgba(0,0,0,.45) 80%,rgba(0,0,0,.1) 88%,transparent 94%);mask-image:linear-gradient(to bottom,black 0%,black 60%,rgba(0,0,0,.88) 70%,rgba(0,0,0,.45) 80%,rgba(0,0,0,.1) 88%,transparent 94%)}.home-info{position:relative;z-index:3;padding-bottom:0;margin-top:-3.75rem}[data-theme=dark] .home-info:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:115%;height:220px;pointer-events:none;z-index:-1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:radial-gradient(ellipse 85% 70% at 50% 45%,var(--avatar-overlay) 0%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 85% 70% at 50% 45%,black 30%,transparent 80%);mask-image:radial-gradient(ellipse 85% 70% at 50% 45%,black 30%,transparent 80%)}.home-greeting{display:inline-flex;align-self:center;padding:.3rem .9rem;border-radius:9999px;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(2,132,199,.22);box-shadow:0 4px 14px #00000014;font-weight:700;text-shadow:none}.home-title{text-shadow:none}[data-theme=dark] .home-greeting{background:#0b0c10c7;border-color:#38bdf84d;box-shadow:0 4px 14px #0006;text-shadow:0 2px 10px rgba(0,0,0,.85)}[data-theme=dark] .home-title{text-shadow:0 3px 16px rgba(0,0,0,.95)}}.home-greeting{font-size:.95rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.home-title{font-size:2.25rem;font-weight:800;color:var(--text-heading);line-height:1.2}.home-bio{font-size:1.05rem;line-height:1.6;color:var(--text-muted);margin-top:.25rem;margin-bottom:.75rem}.home-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}@media(max-width:850px){.home-actions{justify-content:center}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.4rem;border-radius:9999px;font-size:.925rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px #0284c740}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--tag-bg);border-color:var(--card-border);color:var(--text)}.btn-secondary:hover{background:var(--nav-active-bg);border-color:var(--card-hover-border);transform:translateY(-1px)}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.skill-tag{font-size:.8rem;font-weight:500;padding:.25rem .75rem;border-radius:9999px;background:var(--tag-bg);border:1px solid var(--tag-border);color:var(--tag-text)}.experience-columns-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.experience-columns-grid .experience-subgroup{margin-top:1rem}.experience-bottom-sections{margin-top:.5rem}.experience-subgroup{margin-top:2.75rem;display:flex;flex-direction:column;gap:1.25rem}.experience-subgroup:first-of-type{margin-top:1rem}.subgroup-header{display:flex;align-items:center;gap:.85rem}.subgroup-icon{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:.75rem;background:var(--tag-bg);border:1px solid var(--tag-border);color:var(--accent);display:flex;align-items:center;justify-content:center}.subgroup-title{font-size:1.3rem;font-weight:700;color:var(--text-heading);margin-bottom:.15rem}.subgroup-subtitle{font-size:.875rem;color:var(--text-muted)}.experience-list{display:flex;flex-direction:column;gap:1.35rem}.experience-card{padding:1.75rem;border-radius:1.25rem;background:var(--card-bg);border:1px solid var(--card-border);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.experience-card:hover{transform:translateY(-2px);border-color:var(--card-hover-border);box-shadow:var(--card-shadow)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.role-title{font-size:1.2rem;color:var(--text-heading);font-weight:700}.company-name{display:inline-flex;align-items:center;font-size:.95rem;color:var(--accent);margin-top:.2rem;font-weight:500}.location-dot{opacity:.5;margin:0 .35rem;font-size:.85rem}.experience-period{font-size:.85rem;color:var(--text-muted);white-space:nowrap;font-weight:500;background:var(--tag-bg);padding:.2rem .65rem;border-radius:9999px;border:1px solid var(--tag-border)}.experience-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6}.responsibility-list{list-style:none;padding:0;margin:.85rem 0 .25rem;display:flex;flex-direction:column;gap:.45rem}.responsibility-item{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;color:var(--text-muted);line-height:1.5}.responsibility-bullet{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:.5rem}.skills-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.skill-category-card{padding:1.35rem;border-radius:1.15rem;background:var(--card-bg);border:1px solid var(--card-border);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.skill-category-card:hover{transform:translateY(-2px);border-color:var(--card-hover-border);box-shadow:var(--card-shadow)}.category-title{font-size:1rem;font-weight:600;color:var(--text-heading);margin-bottom:.75rem}.languages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.language-card{display:flex;flex-direction:column;gap:.3rem;padding:1.2rem 1.4rem;border-radius:1.15rem;background:var(--card-bg);border:1px solid var(--card-border);transition:transform .2s ease,border-color .2s ease}.language-card:hover{transform:translateY(-2px);border-color:var(--card-hover-border);box-shadow:var(--card-shadow)}.language-name{font-size:1.05rem;font-weight:700;color:var(--text-heading)}.language-level{font-size:.85rem;color:var(--accent);font-weight:500;line-height:1.4}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.project-card{display:flex;flex-direction:column;padding:1.75rem;border-radius:1.25rem;background:var(--card-bg);border:1px solid var(--card-border);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-2px);border-color:var(--card-hover-border);box-shadow:var(--card-shadow)}.project-title{font-size:1.15rem;color:var(--text-heading);font-weight:700;margin-bottom:.5rem}.project-desc{color:var(--text-muted);font-size:.9rem;line-height:1.55;flex-grow:1}.project-actions{margin-top:1.25rem}.project-link{display:inline-flex;align-items:center;color:var(--accent);text-decoration:none;font-size:.9rem;font-weight:600;transition:color .2s,transform .2s}.project-link:hover{color:var(--accent-hover);transform:translate(2px)}.projects-github-banner{margin-top:2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.75rem 2rem;border-radius:1.25rem;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.projects-github-banner:hover{transform:translateY(-2px);border-color:var(--card-hover-border)}.projects-github-content{display:flex;align-items:center;gap:1.25rem}.projects-github-icon{flex-shrink:0;width:3.25rem;height:3.25rem;border-radius:1rem;background:var(--tag-bg);border:1px solid var(--tag-border);color:var(--accent);display:flex;align-items:center;justify-content:center}.projects-github-title{font-size:1.15rem;font-weight:700;color:var(--text-heading);margin-bottom:.25rem}.projects-github-desc{font-size:.9rem;color:var(--text-muted);line-height:1.45}.projects-github-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;white-space:nowrap}.contact-cards-grid{display:grid;grid-template-columns:1fr;gap:1rem}.contact-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;border-radius:1.25rem;background:var(--card-bg);border:1px solid var(--card-border);text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.contact-card:hover{transform:translateY(-2px);border-color:var(--card-hover-border);box-shadow:var(--card-shadow)}.contact-card-icon{flex-shrink:0;width:3rem;height:3rem;border-radius:1rem;background:var(--tag-bg);border:1px solid var(--tag-border);color:var(--accent);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease}.contact-card:hover .contact-card-icon{transform:scale(1.06)}.contact-card-body{flex-grow:1;display:flex;flex-direction:column;gap:.15rem}.contact-card-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.contact-card-value{font-size:1.05rem;font-weight:700;color:var(--text-heading)}.contact-card-desc{font-size:.875rem;color:var(--text-muted);margin-top:.25rem;line-height:1.4}.contact-card-arrow{font-size:1.25rem;color:var(--text-muted);transition:color .2s ease,transform .2s ease;padding-left:.5rem}.contact-card:hover .contact-card-arrow{color:var(--accent);transform:translate(4px)}@media(max-width:850px){.experience-columns-grid{grid-template-columns:1fr;gap:1.5rem}.section{background:transparent;border:none;box-shadow:none;padding:.5rem 0 1.5rem;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.6rem}.section-subtitle{font-size:.9rem}.home-section{padding:.5rem 0 2rem}.home-title{font-size:1.85rem}.experience-card{padding:1.35rem}.projects-github-banner{flex-direction:column;align-items:flex-start;padding:1.5rem;gap:1.25rem}.projects-github-btn{width:100%;justify-content:center}.contact-card{padding:1.25rem;gap:1rem}.contact-card-icon{width:2.5rem;height:2.5rem}}