:root{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: Outfit, ui-sans-serif, system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--bg: #020617;--bg-elevated: rgba(30, 41, 59, .4);--fg: #f8fafc;--fg-muted: #94a3b8;--fg-subtle: #64748b;--accent: #38bdf8;--accent-secondary: #818cf8;--accent-vibrant: #22d3ee;--border: rgba(255, 255, 255, .1);--border-soft: rgba(255, 255, 255, .06)}:root{--bg-color: var(--bg);--surface-color: var(--bg-elevated);--accent-primary: var(--accent);--text-primary: var(--fg);--text-secondary: var(--fg-muted);--border-color: var(--border);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--frost: blur(7px) saturate(1.15)}html{scroll-behavior:smooth;scroll-padding-top:1rem;scrollbar-width:none}html::-webkit-scrollbar{display:none}#bg-3d{position:fixed;inset:0;width:100%;height:100vh;z-index:-1;pointer-events:none}.bg-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 55% 45% at 22% 12%,rgba(56,189,248,.07),transparent 70%),radial-gradient(ellipse 50% 45% at 82% 85%,rgba(129,140,248,.06),transparent 70%)}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:9997;pointer-events:none;background:#ffffff0a}.scroll-progress-fill{height:100%;width:0%;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));transition:width .08s linear}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);font-size:.9375rem;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:4px}a:focus,button:focus,.tool-item:focus{outline:none}*{cursor:default}a,a *,button,button *{cursor:pointer}.glass-card{background:var(--surface-color);border:1px solid var(--border-soft);border-radius:14px;padding:1.5rem;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);transition:border-color .3s ease,box-shadow .3s ease}.glass-card:hover{border-color:#38bdf840;box-shadow:0 12px 32px #0000004d}main,footer{zoom:.93}.hero{min-height:calc(100vh / .93);min-height:calc(100svh / .93);display:flex;align-items:center;justify-content:center;padding:10vh 1.5rem;position:relative}.hero-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;max-width:700px}.hero-text-content{display:flex;flex-direction:column;align-items:center;gap:.85rem;width:100%}.profile-img-container{width:172px;height:172px;border-radius:50%;padding:4px;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 0 32px #38bdf838}.profile-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--bg-color);display:block}.hero h1{font-size:clamp(2.3rem,5vw,3.2rem);font-weight:700;line-height:1.15;letter-spacing:-.025em}.hero h2{font-family:var(--font-mono);font-size:.78rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-primary);line-height:2}.role-sep{color:var(--fg-subtle);margin:0 .55rem}.role{white-space:nowrap}.hero-tagline{max-width:60ch;font-size:1rem;color:var(--text-secondary);margin-top:.35rem}@keyframes hero-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero .profile-img-container{animation:hero-in .55s cubic-bezier(.22,1,.36,1) backwards}.hero h1{animation:hero-in .55s cubic-bezier(.22,1,.36,1) .08s backwards}.hero h2{animation:hero-in .55s cubic-bezier(.22,1,.36,1) .14s backwards}.hero .hero-tagline{animation:hero-in .55s cubic-bezier(.22,1,.36,1) .2s backwards}.hero .badge-group{animation:hero-in .55s cubic-bezier(.22,1,.36,1) .26s backwards}.scroll-cue{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-secondary);text-decoration:none;opacity:.6;transition:opacity .4s ease;animation:hero-in .55s cubic-bezier(.22,1,.36,1) .6s backwards}.scroll-cue:hover{opacity:1}.scroll-cue.hidden{opacity:0;pointer-events:none}.scroll-cue-chevron{width:8px;height:8px;border-right:1.5px solid var(--accent-primary);border-bottom:1.5px solid var(--accent-primary);transform:rotate(45deg);animation:cue-bob 2s ease-in-out infinite}@keyframes cue-bob{0%,to{transform:rotate(45deg) translate(0);opacity:1}50%{transform:rotate(45deg) translate(3px,3px);opacity:.4}}.fade-in-up{opacity:0;transform:translateY(14px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.badge-group{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-top:.4rem}.badge{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem 1rem;background:#ffffff0a;border:1px solid var(--border-soft);border-radius:12px;-webkit-backdrop-filter:blur(0) saturate(1);backdrop-filter:blur(0) saturate(1);transition:border-color .3s ease,background .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}.badge-label{font-size:.82rem;font-weight:600;color:var(--text-primary);letter-spacing:.01em}.badge-detail{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);white-space:nowrap}.badge:hover{border-color:#38bdf859;background:#38bdf80d;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost)}section{padding:3.5rem 1.5rem;max-width:880px;margin:0 auto}.section-title{font-family:var(--font-mono);font-size:.75rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.section-title:after{content:"";height:1px;flex:1;background:linear-gradient(to right,rgba(56,189,248,.35),transparent);transform-origin:left;transition:transform .7s cubic-bezier(.22,1,.36,1) .1s}.section-title.fade-in-up:not(.visible):after{transform:scaleX(0)}.current-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:.2rem}.current-head h3{font-size:1.15rem}.current-tenure{font-family:var(--font-mono);font-size:.72rem;color:var(--fg-subtle);white-space:nowrap}.current-card h4{font-family:var(--font-sans);font-size:.9rem;color:var(--text-secondary);font-weight:400;letter-spacing:0;margin-bottom:.85rem}.current-card p{color:var(--text-secondary)}.role-ladder{display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between;gap:.35rem;margin-top:1.1rem;overflow-x:auto;scrollbar-width:none}.role-ladder::-webkit-scrollbar{display:none}.ladder-step{font-family:var(--font-mono);font-size:.66rem;letter-spacing:0;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border-soft);padding:.18rem .55rem;border-radius:100px;white-space:nowrap;transition:border-color .3s ease,color .3s ease}@media(max-width:940px)and (min-width:769px){.ladder-step{font-size:.58rem;padding:.16rem .45rem}.role-ladder{gap:.25rem}.ladder-arrow{font-size:.62rem}}.ladder-step:last-child{color:var(--accent-primary);border-color:#38bdf859;background:#38bdf812}.ladder-step:hover{border-color:#38bdf866;color:var(--accent-primary)}.ladder-arrow{font-size:.7rem;color:var(--fg-subtle)}.projects-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:1.25rem}.project-card{display:flex;flex-direction:column;gap:.6rem}.project-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.project-head h3{font-size:1.05rem}.project-status{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;color:var(--accent-vibrant);background:#22d3ee12;border:1px solid rgba(34,211,238,.22);padding:.15rem .6rem;border-radius:100px;white-space:nowrap;flex-shrink:0}.project-card p{color:var(--text-secondary);font-size:.9rem;flex:1}.project-link{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-primary);text-decoration:none;transition:color .2s ease}.project-link:hover{color:var(--accent-vibrant)}.expertise-stack{display:flex;flex-direction:column;gap:1.25rem}.skill-category h3{color:var(--text-primary);margin-bottom:1rem;font-size:1rem}.expertise-card{position:relative;display:flex;flex-direction:column;gap:1rem;padding-top:2.6rem;padding-bottom:2.6rem}.expertise-row{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:1rem}.expertise-row-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-primary);opacity:.55;text-align:right;padding-right:.85rem;border-right:1px solid rgba(56,189,248,.18);line-height:1.2;white-space:nowrap}.expertise-row-skills{display:flex;flex-wrap:wrap;gap:.45rem}.skill-chip{font-size:.8rem;font-weight:500;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border-soft);padding:.3rem .8rem;border-radius:100px;white-space:nowrap;transition:border-color .25s ease,color .25s ease,background .25s ease}.skill-chip:hover{color:var(--text-primary);border-color:#38bdf866;background:#38bdf80f}.expertise-hint{position:absolute;bottom:.9rem;right:1.25rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;color:var(--fg-subtle);text-align:right}@media(pointer:coarse){.expertise-hint{display:none}}.toolbox{display:flex;flex-direction:column;gap:.85rem}.toolbox-row{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:1rem}.toolbox-row-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-primary);opacity:.55;text-align:right;padding-right:.85rem;border-right:1px solid rgba(56,189,248,.18);line-height:1.2;white-space:nowrap}.toolbox-row-tools{display:flex;flex-wrap:wrap;gap:.45rem}.tool-item{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#ffffff0a;border:1px solid var(--border-soft);border-radius:10px;text-decoration:none;position:relative;flex-shrink:0;transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .25s ease,box-shadow .25s ease,opacity .25s ease,background .25s ease}.tool-item:hover{transform:translateY(-3px);border-color:var(--accent-primary);background:#38bdf812;box-shadow:0 10px 20px -6px #38bdf84d;z-index:30}.tool-item img{width:100%;height:100%;object-fit:contain;padding:17%;opacity:.88;transition:opacity .25s ease}.tool-item:hover img,.tool-item.lit img{opacity:1}.tool-label{position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(-3px);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--text-primary);background:#020617eb;border:1px solid var(--border-color);border-radius:6px;padding:.22rem .55rem;white-space:nowrap;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:40}.tool-item:hover .tool-label{opacity:1;transform:translate(-50%) translateY(0)}.toolbox.dimming .tool-item:not(.lit){opacity:.25}.tool-item.lit{border-color:var(--accent-primary);background:#38bdf81a;box-shadow:0 0 16px #38bdf873;transform:translateY(-3px)}@media(max-width:768px){section{padding:2.75rem 1.25rem}.projects-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:1rem}.toolbox-row,.expertise-row{grid-template-columns:1fr;gap:.5rem}.toolbox-row-label,.expertise-row-label{text-align:left;padding-right:0;padding-left:.15rem;border-right:none}.role-ladder{flex-wrap:wrap;justify-content:center;column-gap:.4rem;row-gap:.55rem}}@media(max-width:480px){section{padding:2.5rem 1rem}.tool-item{width:42px;height:42px;border-radius:9px}}footer{padding:3.25rem 1.5rem 2rem;text-align:center;position:relative;background:#0003}footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(70%,420px);height:1px;background:linear-gradient(to right,transparent,rgba(56,189,248,.3),rgba(129,140,248,.3),transparent)}footer p{color:var(--text-secondary);opacity:.5;font-size:.78rem}.outro{padding:0 0 2.75rem}.outro-terminal{max-width:640px;margin:0 auto;background:var(--surface-color);border:1px solid var(--border-soft);border-radius:10px;overflow:hidden;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:0 14px 36px #00000052}.outro-terminal-bar{display:flex;align-items:center;gap:.45rem;padding:.6rem .85rem;background:#0206178c;border-bottom:1px solid var(--border-soft)}.outro-dots{display:flex;gap:.45rem;padding:8px;margin:-8px}.outro-dot{position:relative;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000002e}.outro-dot-close{background:#ff5f57}.outro-dot-min{background:#febc2e}.outro-dot-max{background:#28c740}.outro-dot:after{content:"";position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:100%;opacity:0;transition:opacity .15s ease}.outro-dot-close:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath stroke='%23750606' stroke-width='1.3' stroke-linecap='round' d='M3.2 3.2l3.6 3.6M6.8 3.2L3.2 6.8'/%3E%3C/svg%3E")}.outro-dot-min:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath stroke='%23925a03' stroke-width='1.3' stroke-linecap='round' d='M2.6 5h4.8'/%3E%3C/svg%3E")}.outro-dot-max:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%23115b11' d='M2.6 5.6V2.6h3zM7.4 4.4v3h-3z'/%3E%3C/svg%3E")}@media(hover:hover){.outro-dots:hover .outro-dot:after{opacity:1}}.outro-terminal-title{flex:1;text-align:center;margin-left:-2.85rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;color:var(--fg-subtle)}.outro-line{padding:1rem 1.1rem 1.15rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.75;letter-spacing:.02em;color:var(--text-primary);text-align:left}.outro-row,.outro-output{display:block}.outro-output{margin:.3rem 0}.outro-eof{display:block;margin-bottom:.3rem;color:var(--fg-subtle)}.outro-prompt{color:var(--text-secondary);margin-right:.55rem}.outro-cmd{color:var(--accent-vibrant)}.outro-line a{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid rgba(56,189,248,.35);transition:border-color .3s ease,color .3s ease}.outro-line a:hover{color:var(--accent-vibrant);border-bottom-color:#22d3ee99}.outro-caret{display:inline-block;width:.55em;height:1.05em;margin-left:.4em;vertical-align:text-bottom;background:var(--accent-primary);animation:caret-blink 1.15s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--text-primary);transition:var(--transition-smooth);opacity:.7}.social-links img{width:100%;height:100%;object-fit:contain}.social-links a:hover{transform:translateY(-3px);opacity:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.scroll-progress{display:none}.fade-in-up{opacity:1;transform:none}}