:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #263148;--border: #334155;--border-dim: rgba(51,65,85,.55);--accent: #3b82f6;--accent-lt: #60a5fa;--accent-glow: rgba(59,130,246,.15);--text: #f1f5f9;--text-muted: #94a3b8;--text-faint: #64748b;--green: #22c55e;--c-lang: #f97316;--c-web: #3b82f6;--c-db: #a855f7;--c-data: #22c55e;--c-tools: #06b6d4;--sidebar-w: 300px;--header-h: 58px;--r: 12px;--r-sm: 8px;--t: .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border) var(--bg)}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}a{color:var(--accent-lt);text-decoration:none;transition:color var(--t)}a:hover{color:var(--text)}strong{color:var(--text);font-weight:600}em{font-style:italic;color:var(--text-muted)}.app-layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.mobile-header{display:none;position:fixed;inset:0 0 auto;z-index:100;height:var(--header-h);background:#0f172af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-dim)}.mobile-header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 1.25rem}.mobile-name{font-weight:700;font-size:1rem}.hamburger{background:none;border:none;color:var(--text-muted);font-size:1.15rem;cursor:pointer;padding:.5rem;line-height:1;transition:color var(--t)}.hamburger:hover{color:var(--text)}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:50;background:#000000a6;backdrop-filter:blur(3px)}.sidebar-overlay.active{display:block}.sidebar{position:sticky;top:0;height:100vh;background:var(--surface);border-right:1px solid var(--border-dim);overflow:hidden;z-index:40}.sidebar-scroll{height:100%;overflow-y:auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.75rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar-scroll>*{animation:fadeUp .4s ease both}.sidebar-scroll>*:nth-child(1){animation-delay:.04s}.sidebar-scroll>*:nth-child(2){animation-delay:.1s}.sidebar-scroll>*:nth-child(3){animation-delay:.16s}.sidebar-scroll>*:nth-child(4){animation-delay:.22s}.sidebar-scroll>*:nth-child(5){animation-delay:.28s}.profile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.65rem}.avatar-wrap{position:relative}.avatar{width:110px;height:110px;border-radius:50%;object-fit:cover;object-position:top center;border:3px solid var(--accent);box-shadow:0 0 0 6px var(--accent-glow);display:block}.online-dot{position:absolute;bottom:6px;right:6px;width:14px;height:14px;background:var(--green);border-radius:50%;border:2.5px solid var(--surface);animation:pulse-green 2.2s ease infinite}.profile-name{font-size:1.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.profile-badge{font-size:.73rem;color:var(--accent-lt);background:var(--accent-glow);border:1px solid rgba(96,165,250,.3);border-radius:20px;padding:.18rem .7rem;font-weight:500;letter-spacing:.02em}.sb-section{display:flex;flex-direction:column;gap:.6rem}.sb-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:var(--text-faint);padding-bottom:.4rem;border-bottom:1px solid var(--border-dim)}.contact-list{list-style:none;display:flex;flex-direction:column;gap:.42rem}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.77rem;color:var(--text-muted);line-height:1.4}.contact-item i{width:15px;color:var(--accent);flex-shrink:0}.contact-item a{color:var(--text-muted);word-break:break-all}.contact-item a:hover{color:var(--accent-lt)}.social-list{list-style:none;display:flex;flex-direction:column;gap:.2rem}.social-item a{display:flex;align-items:center;gap:.5rem;font-size:.77rem;color:var(--text-muted);padding:.3rem .4rem;border-radius:var(--r-sm);transition:all var(--t)}.social-item a:hover{color:var(--accent-lt);background:var(--accent-glow)}.social-item i{width:15px;color:var(--accent);flex-shrink:0}.lang-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.lang-item{display:flex;flex-direction:column;gap:.08rem}.lang-name{font-size:.82rem;color:var(--text);font-weight:500}.lang-level{font-size:.72rem;color:var(--text-muted)}.stack-cat{margin-bottom:.7rem}.stack-cat-title{font-size:.68rem;color:var(--text-faint);margin-bottom:.32rem}.sb-tags{display:flex;flex-wrap:wrap;gap:.26rem}.sb-tag{font-size:.67rem;padding:.13rem .45rem;border-radius:20px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);font-weight:500;cursor:default;transition:all var(--t)}.sb-tag:hover{border-color:var(--accent);color:var(--accent-lt)}.sb-tag.lang{border-color:#f9731659;color:#fb923c}.sb-tag.web{border-color:#3b82f659;color:#60a5fa}.sb-tag.db{border-color:#a855f759;color:#c084fc}.sb-tag.data{border-color:#22c55e59;color:#4ade80}.main-content{padding:2.5rem 3rem 4rem 2.5rem;max-width:860px;margin:0 auto;position:relative}.section{padding-bottom:4rem;opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s ease}.section.visible{opacity:1;transform:translateY(0)}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.75rem}.section-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent-glow);border:1px solid rgba(96,165,250,.3);border-radius:var(--r-sm);color:var(--accent-lt);flex-shrink:0}.section-title{font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.section-line{flex:1;height:1px;background:var(--border-dim)}#about{padding-top:.5rem}.hero-greeting{font-size:.88rem;color:var(--accent-lt);font-weight:500;margin-bottom:.25rem}.hero-name{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin-bottom:.5rem}.hero-name span{color:var(--accent-lt)}.hero-subtitle{font-size:1rem;color:var(--text-muted);margin-bottom:1.5rem}.hero-badges{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:2rem}.hero-badge{display:flex;align-items:center;gap:.4rem;font-size:.77rem;padding:.27rem .7rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);transition:all var(--t)}.hero-badge:hover{border-color:var(--accent);color:var(--text)}.hero-badge i{color:var(--accent)}.about-paragraphs{display:flex;flex-direction:column;gap:.9rem}.about-p{font-size:.93rem;color:var(--text-muted);line-height:1.85}.awards-strip{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.award-card{display:flex;align-items:center;gap:.55rem;padding:.55rem 1rem;background:linear-gradient(135deg,#fbbf2414,#f973160d);border:1px solid rgba(251,191,36,.28);border-radius:var(--r-sm);font-size:.82rem}.award-card i{color:#fbbf24}.award-year{color:var(--text-faint);font-size:.73rem}.timeline{position:relative;padding-left:1.5rem}.timeline:before{content:"";position:absolute;left:5px;top:10px;bottom:20px;width:2px;background:linear-gradient(to bottom,var(--accent),rgba(59,130,246,.06),transparent)}.tl-item{position:relative;padding-bottom:2.25rem}.tl-item:last-child{padding-bottom:0}.tl-dot{position:absolute;left:-1.35rem;top:.55rem;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 0 0 3px var(--accent-glow)}.tl-dot.current{background:var(--green);box-shadow:0 0 0 3px #22c55e33;animation:pulse-green 2.2s ease infinite}.exp-card{background:var(--surface);border:1px solid var(--border-dim);border-radius:var(--r);padding:1.2rem 1.4rem;transition:border-color var(--t),box-shadow var(--t)}.exp-card:hover{border-color:#60a5fa80;box-shadow:0 0 0 1px var(--accent-glow),0 6px 24px #0000004d}.exp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:.4rem}.exp-company{font-size:1rem;font-weight:700}.exp-role{font-size:.82rem;color:var(--accent-lt);font-weight:500;margin-top:.1rem}.exp-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.18rem;flex-shrink:0}.exp-dates{font-size:.74rem;color:var(--text-faint);font-family:JetBrains Mono,monospace}.exp-duration{font-size:.69rem;color:var(--text-faint);background:var(--surface-2);padding:.1rem .42rem;border-radius:4px}.exp-location{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--text-faint);margin-bottom:.65rem}.exp-location i{color:var(--accent);font-size:.7rem}.exp-desc{font-size:.85rem;color:var(--text-muted);line-height:1.7;margin-bottom:.65rem}.exp-items{list-style:none;display:flex;flex-direction:column;gap:.35rem}.exp-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.84rem;color:var(--text-muted);line-height:1.55}.exp-item:before{content:"▸";color:var(--accent);flex-shrink:0;font-size:.71rem;margin-top:.13em}.exp-ref{margin-top:.7rem;font-size:.77rem}.edu-card{background:var(--surface);border:1px solid var(--border-dim);border-radius:var(--r);padding:1.4rem;display:flex;gap:1rem}.edu-icon{width:46px;height:46px;background:var(--accent-glow);border:1px solid rgba(96,165,250,.3);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:var(--accent-lt);font-size:1.1rem;flex-shrink:0}.edu-title{font-size:1rem;font-weight:700;margin-bottom:.18rem}.edu-inst{font-size:.85rem;color:var(--accent-lt);margin-bottom:.5rem}.edu-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.75rem;color:var(--text-faint);margin-bottom:.7rem}.edu-meta span{display:flex;align-items:center;gap:.28rem}.edu-meta i{color:var(--accent)}.edu-notes{font-size:.84rem;color:var(--text-muted);line-height:1.7}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:1rem}.skill-cat{background:var(--surface);border:1px solid var(--border-dim);border-radius:var(--r);padding:1rem}.skill-cat-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem;display:flex;align-items:center;gap:.38rem}.skill-cat-title.lang{color:var(--c-lang)}.skill-cat-title.web{color:var(--c-web)}.skill-cat-title.db{color:var(--c-db)}.skill-cat-title.data{color:var(--c-data)}.skill-cat-title.tools{color:var(--c-tools)}.skill-tags{display:flex;flex-wrap:wrap;gap:.28rem}.skill-tag{font-size:.72rem;padding:.2rem .52rem;border-radius:20px;font-weight:500;cursor:default;transition:filter var(--t)}.skill-tag:hover{filter:brightness(1.2)}.skill-tag.lang{background:#f973161a;border:1px solid rgba(249,115,22,.3);color:#fb923c}.skill-tag.web{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.skill-tag.db{background:#a855f71a;border:1px solid rgba(168,85,247,.3);color:#c084fc}.skill-tag.data{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#4ade80}.skill-tag.tools{background:#06b6d41a;border:1px solid rgba(6,182,212,.3);color:#22d3ee}.course-groups{display:flex;flex-direction:column;gap:1rem}.course-group{background:var(--surface);border:1px solid var(--border-dim);border-radius:var(--r);overflow:hidden}.course-group-head{display:flex;align-items:center;gap:.5rem;padding:.68rem 1.2rem;background:var(--surface-2);border-bottom:1px solid var(--border-dim);font-size:.84rem;font-weight:600}.course-group-head i{color:var(--accent)}.course-list{list-style:none;padding:.7rem 1.2rem;display:flex;flex-direction:column;gap:.42rem}.course-li{display:flex;align-items:flex-start;gap:.48rem;font-size:.84rem;color:var(--text-muted);line-height:1.5}.course-li:before{content:"▸";color:var(--accent);flex-shrink:0;font-size:.71rem;margin-top:.12em}.volunteer-card{background:var(--surface);border:1px solid var(--border-dim);border-radius:var(--r);padding:1.2rem 1.4rem;display:flex;gap:1rem;align-items:flex-start}.volunteer-icon{width:42px;height:42px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:#f87171;font-size:1rem;flex-shrink:0}.volunteer-org{font-size:1rem;font-weight:700;margin-bottom:.2rem}.volunteer-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.75rem;color:var(--text-faint);margin-bottom:.5rem}.volunteer-meta span{display:flex;align-items:center;gap:.28rem}.volunteer-meta i{color:var(--accent)}.volunteer-detail{font-size:.86rem;color:var(--text-muted);line-height:1.65}.interests-card{background:var(--surface);border:1px solid var(--border-dim);border-radius:var(--r);padding:1.5rem;display:flex;flex-direction:column;gap:.85rem}.interest-p{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;color:var(--text-muted);line-height:1.8}.interest-p:before{content:"→";color:var(--accent);flex-shrink:0;font-weight:600;margin-top:.08em}.section-dots{position:fixed;right:1.25rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.52rem;z-index:30}.nav-dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--border);border:none;cursor:pointer;transition:all var(--t);padding:0}.nav-dot:hover,.nav-dot.active{background:var(--accent);transform:scale(1.35)}.nav-dot:after{content:attr(title);position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.17rem .52rem;font-size:.69rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--t)}.nav-dot:hover:after{opacity:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 7px #22c55e00}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.mobile-header{display:flex}.app-layout{grid-template-columns:1fr;padding-top:var(--header-h)}.sidebar{position:fixed;width:300px;inset:0 auto 0 -310px;transition:left .3s ease;z-index:60;padding-top:var(--header-h)}.sidebar.open{left:0;box-shadow:4px 0 30px #00000080}.main-content{padding:2rem 1.25rem 3rem;max-width:100%}.section-dots{display:none}.exp-head{flex-direction:column}.exp-meta{align-items:flex-start}.skills-grid{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.skills-grid{grid-template-columns:1fr}.edu-card{flex-direction:column}.hero-name{font-size:1.8rem}}.wip-backdrop{position:fixed;inset:0;z-index:200;background:#070b16d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:wipIn .35s ease both}.wip-backdrop.wip-out{animation:wipOut .3s ease forwards}.wip-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:2.5rem 2rem 2rem;max-width:420px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 24px 64px #0009,0 0 0 1px #60a5fa14;animation:cardPop .4s cubic-bezier(.34,1.56,.64,1) both}.wip-icon-wrap{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#fbbf2426,#f973161a);border:1px solid rgba(251,191,36,.3);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fbbf24;animation:iconWiggle 2.5s ease .6s infinite}.wip-title{font-size:1.35rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.wip-body{font-size:.9rem;color:var(--text-muted);line-height:1.7}.wip-btn{margin-top:.5rem;display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#fff;border:none;border-radius:10px;padding:.65rem 1.4rem;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background var(--t),transform var(--t),box-shadow var(--t)}.wip-btn:hover{background:var(--accent-lt);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f659}.wip-btn:active{transform:translateY(0)}@keyframes wipIn{0%{opacity:0}to{opacity:1}}@keyframes wipOut{0%{opacity:1}to{opacity:0}}@keyframes cardPop{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes iconWiggle{0%,to{transform:rotate(0)}10%{transform:rotate(-12deg)}20%{transform:rotate(10deg)}30%{transform:rotate(0)}}