@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600&family=Sora:wght@300;400;500;600&display=swap";:root{--bg: #080c0a;--bg2: #0e1510;--bg3: #152019;--bg4: #1c2c22;--accent: #22d97a;--accent2: #16a358;--accent3: #0d6e3c;--glow: rgba(34, 217, 122, .12);--text: #e4ede8;--muted: #7aaa90;--dim: #3a5946;--border: rgba(34, 217, 122, .1);--border2: rgba(34, 217, 122, .22);--mono: "JetBrains Mono", monospace;--sans: "Sora", sans-serif;--r: 8px;--r2: 12px;--max-w: 860px}html[data-theme=light]{--bg: #f4f8f5;--bg2: #e8f0eb;--bg3: #ddeae1;--bg4: #cfdfd5;--accent: #0d8a4a;--accent2: #0a6e3b;--accent3: #085c30;--glow: rgba(13, 138, 74, .1);--text: #0e1f14;--muted: #3d6b50;--dim: #7aaa90;--border: rgba(13, 138, 74, .15);--border2: rgba(13, 138, 74, .3)}html[data-theme=light] body{background-image:linear-gradient(rgba(13,138,74,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(13,138,74,.04) 1px,transparent 1px)}html[data-theme=light] .topbar{background:#f4f8f5f5;box-shadow:0 4px 24px #00000014}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.8;min-height:100vh;display:flex;flex-direction:column;background-image:linear-gradient(rgba(34,217,122,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(34,217,122,.018) 1px,transparent 1px);background-size:44px 44px}.topbar{position:sticky;top:0;z-index:100;background:#080c0af7;backdrop-filter:blur(20px);border-bottom:2px solid var(--border2);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;gap:.7rem;min-height:64px;box-shadow:0 6px 32px #0009}.topbar-logo{font-family:var(--mono);font-size:16px;font-weight:600;color:var(--text);text-decoration:none;padding:18px 0;letter-spacing:-.3px;white-space:nowrap;flex-shrink:0}.topbar-logo span{color:var(--accent)}.topbar-nav{display:flex;overflow-x:auto;scrollbar-width:none}.topbar-nav::-webkit-scrollbar{display:none}.topbar-nav a{font-family:var(--mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:20px 15px;border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s,border-color .15s;display:block}.topbar-nav a:hover{color:var(--text)}.topbar-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}.wrapper{max-width:var(--max-w);margin:0 auto;padding:3rem 1.5rem 5rem;width:100%;flex:1}footer{border-top:1px solid var(--border2);padding:2rem;font-family:var(--mono);font-size:14px;color:var(--text);display:flex;justify-content:space-between;align-items:center;gap:1.2rem;margin-top:3rem}footer span{font-weight:500;opacity:.9}footer a{color:var(--accent);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:all .15s ease}footer a:hover{border-color:var(--accent);opacity:1}.page-header{margin-bottom:2.5rem;padding-bottom:1.75rem;border-bottom:1px solid var(--border)}.eyebrow{font-family:var(--mono);font-size:13px;color:var(--accent2);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:10px}.page-header h1{font-family:var(--mono);font-size:36px;font-weight:600;color:var(--text);letter-spacing:-.5px;line-height:1.2}.page-header p{font-size:16px;color:var(--muted);margin-top:10px;max-width:560px}.sec-label{font-family:var(--mono);font-size:20px;color:var(--accent2);letter-spacing:2px;text-transform:uppercase;margin:2.5rem 0 16px;display:flex;align-items:center;gap:12px}.sec-label:after{content:"";flex:1;height:1px;background:var(--border)}.domain{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);padding:1.75rem;margin-bottom:14px;position:relative;transition:border-color .2s}.domain:hover{border-color:var(--border2)}.domain:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent3),transparent);border-radius:var(--r2) var(--r2) 0 0}.domain-title{font-family:var(--mono);font-size:13px;color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:1.25rem;display:flex;align-items:center;gap:10px}.domain-title:before{content:"";width:3px;height:14px;background:var(--accent);border-radius:2px;display:inline-block;flex-shrink:0}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px}.skill-card{background:var(--bg3);border:1px solid rgba(34,217,122,.06);border-radius:var(--r);padding:1rem 1.1rem;transition:border-color .15s,background .15s}.skill-card:hover{border-color:var(--border2);background:var(--bg4)}.skill-card .cat{font-family:var(--mono);font-size:13px;color:var(--muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px}.skill-card .items{font-size:13px;color:var(--text);line-height:2}.project-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);padding:1.5rem;margin-bottom:12px;transition:border-color .2s,background .2s;position:relative}.project-card:hover{border-color:var(--border2);background:var(--bg3)}.project-card .ph{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:8px;flex-wrap:wrap}.project-card h3{font-size:15px;font-weight:500;color:var(--text);line-height:1.4}.project-card p{font-size:15px;color:var(--muted);line-height:1.75;margin-bottom:12px}.proj-tag{font-family:var(--mono);font-size:13px;letter-spacing:.8px;text-transform:uppercase;padding:3px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.proj-tag[data-type=research]{background:#22d97a14;border:1px solid rgba(34,217,122,.2);color:var(--accent)}.proj-tag[data-type=active]{background:#4a8fff14;border:1px solid rgba(74,143,255,.2);color:#6ab0ff}.proj-tag[data-type=flagship]{background:#ffbe3214;border:1px solid rgba(255,190,50,.2);color:#ffd070}.proj-tag[data-type=done]{background:#7aaa9014;border:1px solid rgba(122,170,144,.2);color:var(--muted)}.badge-row{display:flex;flex-wrap:wrap;gap:6px}.badge{font-family:var(--mono);font-size:13px;color:var(--muted);background:var(--bg3);border:1px solid var(--border);padding:3px 9px;border-radius:4px}.proj-section-header{display:flex;align-items:center;gap:12px;margin:2.5rem 0 14px}.proj-section-header .lbl{font-family:var(--mono);font-size:17px;color:var(--accent2);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap}.proj-section-header .sub{font-size:17px;color:var(--dim);font-family:var(--mono);white-space:nowrap}.proj-section-header .line{flex:1;height:1px;background:var(--border)}.dir-group{margin-bottom:2rem}.dir-group-label{font-family:var(--mono);font-size:15px;color:var(--accent2);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:10px}.dir-group-label:after{content:"";flex:1;height:1px;background:var(--border)}.dir-list{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden}.dir-item{display:flex;align-items:baseline;gap:12px;padding:11px 16px;text-decoration:none;border-bottom:1px solid rgba(34,217,122,.06);transition:background .15s}.dir-item:last-child{border-bottom:none}.dir-item:hover{background:var(--bg3)}.dir-name{font-family:var(--mono);font-size:15px;font-weight:500;color:var(--accent);white-space:nowrap;min-width:110px}.dir-desc{font-size:15px;color:var(--muted);line-height:1.5;flex:1}.dir-arrow{font-family:var(--mono);font-size:13px;color:var(--dim);margin-left:auto;white-space:nowrap;transition:color .15s,transform .15s}.dir-item:hover .dir-arrow{color:var(--accent);transform:translate(3px)}.hobby-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:14px}.hobby-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);padding:1.5rem;position:relative;overflow:hidden;transition:border-color .2s,background .2s,transform .2s;opacity:0;transform:translateY(15px);animation:hobbyFade .4s ease forwards}.hobby-card:nth-child(1){animation-delay:.05s}.hobby-card:nth-child(2){animation-delay:.1s}.hobby-card:nth-child(3){animation-delay:.15s}.hobby-card:nth-child(4){animation-delay:.2s}.hobby-card:nth-child(5){animation-delay:.25s}.hobby-card:nth-child(6){animation-delay:.3s}.hobby-card:nth-child(7){animation-delay:.35s}.hobby-card:nth-child(8){animation-delay:.4s}.hobby-card:nth-child(9){animation-delay:.45s}.hobby-card:nth-child(10){animation-delay:.5s}@keyframes hobbyFade{to{opacity:1;transform:translateY(0)}}.hobby-card:hover{border-color:var(--border2);background:var(--bg3);transform:translateY(-4px)}.hobby-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent3),transparent);opacity:0;transition:opacity .3s}.hobby-card:hover:after{opacity:1}.hobby-card .icon{display:flex;align-items:center;margin-bottom:12px}.hobby-card .icon svg{width:26px;height:26px;color:var(--accent);transition:transform .2s ease,color .2s ease}.hobby-card:hover .icon svg{transform:scale(1.15);color:var(--accent2);filter:drop-shadow(0 0 6px var(--glow))}.hobby-card h3{font-size:15px;font-weight:500;color:var(--text);margin-bottom:6px}.hobby-card p{font-size:15px;color:var(--muted);line-height:1.65}.legend{display:flex;gap:1.5rem;margin-bottom:2rem;font-family:var(--mono);font-size:13px;color:var(--muted);background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:10px 16px;width:fit-content}.legend-item{display:flex;align-items:center;gap:7px}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-done{background:var(--accent2)}.dot-ongoing{background:#4a8fff}.course-group-header{display:flex;align-items:center;gap:12px;margin:2rem 0 10px}.chg-label{font-family:var(--mono);font-size:17px;color:var(--accent2);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap}.chg-title{font-size:15px;color:var(--text);font-weight:500;white-space:nowrap}.chg-line{flex:1;height:1px;background:var(--border)}.course-list{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;margin-bottom:6px}.course-item{font-size:15px;padding:9px 16px;border-bottom:1px solid rgba(34,217,122,.06);display:flex;align-items:center;gap:10px;color:var(--text);transition:background .15s}.course-item:last-child{border-bottom:none}.course-item:hover{background:var(--bg3)}.course-item:before{content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0}.course-item.done:before{background:var(--accent2)}.course-item.ongoing:before{background:#4a8fff}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:2rem}.stat{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);padding:1.1rem 1.25rem;transition:border-color .15s}.stat:hover{border-color:var(--border2)}.stat .val{font-family:var(--mono);font-size:28px;font-weight:600;color:var(--accent);line-height:1;margin-bottom:5px}.stat .lbl{font-size:13px;color:var(--muted);line-height:1.4}.bio-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);padding:1.25rem 1.5rem;margin-bottom:10px;font-size:17px;color:var(--muted);line-height:1.85;transition:border-color .15s}.bio-card:hover{border-color:var(--border2)}.bio-card strong{color:var(--text);font-weight:500}.hbox{background:#22d97a0a;border:1px solid rgba(34,217,122,.15);border-left:3px solid var(--accent);border-radius:0 var(--r2) var(--r2) 0;padding:1rem 1.5rem;margin-bottom:10px;font-size:14px;color:var(--muted);line-height:1.8}.hbox strong{color:var(--accent);font-weight:500}.timeline{padding-left:.5rem}.tl-item{position:relative;padding:0 0 1.8rem 2rem;border-left:1px solid var(--border)}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";position:absolute;left:-4px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--glow)}.tl-item .date{font-family:var(--mono);font-size:17px;color:var(--accent2);margin-bottom:3px}.tl-item h4{font-size:17px;font-weight:500;color:var(--text);margin-bottom:2px}.tl-item .org{font-size:15px;color:var(--text);opacity:.85;margin-bottom:6px}.tl-item p{font-size:15px;color:var(--muted);line-height:1.7}.work-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);padding:1.25rem 1.5rem;margin-bottom:10px;transition:border-color .2s}.work-card:hover{border-color:var(--border2)}.work-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:4px;flex-wrap:wrap}.work-title{font-size:15px;font-weight:500;color:var(--text)}.work-date{font-family:var(--mono);font-size:13px;color:var(--accent);white-space:nowrap;background:#22d97a12;border:1px solid rgba(34,217,122,.15);padding:2px 9px;border-radius:20px}.work-org{font-size:15px;color:var(--text);opacity:.85;margin-bottom:8px}.work-body{font-size:17px;color:var(--muted);line-height:1.75}.work-body ul{padding-left:1.1rem;list-style:disc}.work-body li{padding:2px 0}.btn{font-family:var(--mono);font-size:13px;letter-spacing:.5px;padding:10px 20px;border-radius:var(--r);text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-block}.btn-primary{background:var(--accent);color:#021a0d;font-weight:600}.btn-primary:hover{background:#38f08e}.btn-secondary{border:1px solid var(--border2);color:var(--muted)}.btn-secondary:hover{color:var(--text);border-color:var(--accent2)}.topbar-controls{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:8px}.ctrl-btn{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--muted);background:var(--bg3);border:1px solid var(--border2);border-radius:6px;padding:8px 14px;cursor:pointer;transition:color .15s,border-color .15s,background .15s;white-space:nowrap;line-height:1;user-select:none}.ctrl-btn:hover{color:var(--text);border-color:var(--accent2);background:var(--bg4)}.ctrl-btn.active-lang{color:var(--accent);border-color:var(--accent2);background:#22d97a14}.ctrl-btn#theme-btn{color:var(--accent);border-color:var(--accent3)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:1.5rem}.contact-grid.hidden{display:none}.contact-tile{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);padding:1.5rem;display:flex;flex-direction:column;gap:8px;text-decoration:none;position:relative;opacity:0;transform:translateY(15px);animation:fadeIn .4s ease forwards}.contact-tile:nth-child(1){animation-delay:.05s}.contact-tile:nth-child(2){animation-delay:.1s}.contact-tile:nth-child(3){animation-delay:.15s}.contact-tile:nth-child(4){animation-delay:.2s}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.contact-tile .icon svg{width:22px;height:22px;color:var(--accent);fill:currentColor}a.contact-tile[href*=linkedin] .icon svg{color:#0a66c2}a.contact-tile[href*=github] .icon svg{color:#e6edf3}.contact-tile:hover .icon svg{filter:drop-shadow(0 0 6px var(--glow))}.contact-tile .label{font-family:var(--mono);font-size:13px;letter-spacing:1.5px;color:var(--accent2)}.contact-tile .value{font-size:14px;color:var(--text)}.contact-tile.copy{cursor:pointer}.contact-tile.copied{border-color:var(--accent);background:#22d97a14}#contact-toggle{margin-top:1rem}.copy-label{position:absolute;top:10px;right:12px;font-size:13px;color:var(--accent);opacity:.9}.menu-btn{display:none;width:44px;height:44px;border-radius:10px;background:var(--bg3);border:1px solid var(--border2);color:var(--accent);font-size:20px;font-weight:700;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #0006}.menu-btn:hover{background:var(--bg4);border-color:var(--accent)}.menu-btn:active{transform:scale(.95)}@media (max-width: 768px){.menu-btn{display:flex}.topbar{padding:0 1rem;min-height:56px;position:relative}.topbar-nav{display:none;flex-direction:column;position:absolute;top:56px;left:0;width:100%;background:var(--bg2);border-bottom:1px solid var(--border);padding:1rem 0;z-index:200}.topbar-nav.open{display:flex}.topbar-nav a{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.topbar-controls{margin-left:auto}}