:root{--bg:#050505;--bg-subtle:#0d0d0d;--fg:#f4f2ec;--muted:#8c8a84;--border:#f4f2ec1f;--accent:#ffd21f;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--fg);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}*,:before,:after{box-sizing:border-box}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{z-index:100;background:var(--accent);color:var(--bg);border-radius:8px;padding:12px 20px;font-weight:600;text-decoration:none;transition:top .2s;position:fixed;top:-100px;left:16px}.skip-link:focus-visible{outline-color:var(--fg);top:16px}.crash-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;max-width:60ch;min-height:100svh;margin:0 auto;padding:24px;display:flex}.crash-eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:2px;font-size:14px;font-weight:600}.crash-screen h1{font-size:clamp(24px,4vw,32px)}.crash-screen a{color:var(--accent)}.crash-screen button{border:1px solid var(--border);background:var(--bg-subtle);color:var(--fg);cursor:pointer;border-radius:999px;margin-top:8px;padding:12px 24px;font-size:15px}.crash-screen button:hover{border-color:var(--accent)}body{margin:0;position:relative}body:before{content:"";z-index:1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@media (hover:hover) and (pointer:fine){body,a,button{cursor:none}}html{scroll-behavior:smooth}h1,h2,h3{font-family:var(--sans);color:var(--fg);margin:0;font-weight:600}p{color:var(--muted);margin:0}a{color:inherit}ul{margin:0;padding:0;list-style:none}code{font-family:var(--mono);background:var(--bg-subtle);color:var(--fg);border-radius:4px;padding:2px 6px;font-size:15px}.cursor-dot{background:var(--fg);mix-blend-mode:difference;pointer-events:none;z-index:9999;will-change:transform;border-radius:50%;width:18px;height:18px;transition:width .25s,height .25s;position:fixed;top:0;left:0}.cursor-dot--hover{width:52px;height:52px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.site-header{z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:28px max(24px,50% - 520px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.4px;color:var(--fg);align-items:center;gap:9px;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:var(--fg);width:26px;height:26px;color:var(--bg);border-radius:7px;flex:none;justify-content:center;align-items:center;display:flex}.brand-mark-icon{width:15px;height:15px}.brand-dot{color:var(--accent)}.nav{gap:32px;display:flex}@media (width<=640px){.nav{display:none}}.nav-link{color:var(--muted);text-transform:uppercase;letter-spacing:1px;padding-bottom:4px;font-size:14px;text-decoration:none;transition:color .2s;position:relative}.nav-link:after{content:"";background:var(--accent);height:2px;transition:right .3s;position:absolute;bottom:0;left:0;right:100%}.nav-link:hover,.nav-link--active{color:var(--fg)}.nav-link--active:after{right:0}.scroll-progress{z-index:20;background:0 0;height:2px;position:fixed;top:0;left:0;right:0}.scroll-progress-bar{background:linear-gradient(90deg, var(--accent), #f472b6);width:0%;height:100%}main{max-width:1040px;margin:0 auto;padding:0 24px}.marquee{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-subtle);width:100vw;margin-left:calc(50% - 50vw);padding:18px 0;display:flex;overflow:hidden}.marquee-track{will-change:transform;flex-shrink:0;align-items:center;gap:40px;padding-right:40px;display:flex}.marquee-item{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:14px;display:flex}.marquee-item svg{color:var(--fg);font-size:20px}.stats-strip{border-top:1px solid var(--border);text-align:center;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px;padding:8vh 0;display:grid}.stat-number{letter-spacing:-1px;background-image:linear-gradient(120deg, var(--accent), #f472b6);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.15}.stat-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-top:4px;font-size:13px}.gh-pulse{border:1px solid var(--border);background:color-mix(in srgb, var(--fg) 3%, transparent);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:8vh;padding:20px 28px;display:flex}.gh-pulse-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.gh-pulse-dot{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite gh-pulse-ring;box-shadow:0 0 #34d39999}@keyframes gh-pulse-ring{0%{box-shadow:0 0 #34d39980}70%{box-shadow:0 0 0 8px #34d39900}to{box-shadow:0 0 #34d39900}}.gh-pulse-stats{gap:32px;display:flex}.gh-pulse-stat{flex-direction:column;align-items:center;display:flex}.gh-pulse-number{font-size:22px;font-weight:800;font-family:var(--mono)}.gh-pulse-sub{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-top:2px;font-size:11px}.gh-pulse-latest{color:var(--muted);border-bottom:1px dashed var(--border);font-size:13px;text-decoration:none;transition:color .2s,border-color .2s}.gh-pulse-latest strong{color:var(--fg)}.gh-pulse-latest:hover{color:var(--accent);border-color:var(--accent)}@media (prefers-reduced-motion:reduce){.gh-pulse-dot{animation:none}}@media (width<=640px){.gh-pulse{flex-direction:column;align-items:flex-start}.gh-pulse-stats{gap:20px}}.edu-timeline{display:flex;position:relative}.edu-timeline-track{background:var(--border);flex-shrink:0;width:2px;margin-right:20px;position:relative}.edu-timeline-line{background:linear-gradient(to bottom, var(--accent), #f472b6);transform-origin:top;width:100%;height:100%;position:absolute;top:0;left:0}.edu-timeline-list{flex:1;gap:28px;display:grid}.edu-timeline-item{position:relative}.edu-timeline-dot{background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:11px;height:11px;position:absolute;top:4px;left:-26.5px}.hero{padding:15vh 0 14vh;position:relative}.hero>div:not(.hero-canvas-wrap){z-index:1;position:relative}.hero-canvas-wrap{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.hero-eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:3px;margin-bottom:20px;font-size:14px;font-weight:600}.hero-name{letter-spacing:-3px;flex-wrap:wrap;column-gap:.28em;margin-bottom:20px;font-size:clamp(3rem,9vw,7.5rem);line-height:.98;display:flex}.hero-name-line{padding-bottom:.08em;display:inline-block;overflow:hidden}.hero-name-word{display:inline-block}.hero-role{color:var(--fg);min-height:1.3em;margin-bottom:8px;font-size:clamp(22px,3vw,30px);font-weight:700}.hero-degree{max-width:46ch;margin-bottom:28px;font-size:15px}.typewriter-cursor{background:var(--accent);vertical-align:-.1em;width:3px;height:.9em;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.typewriter-cursor{animation:none}}.hero-bio{max-width:60ch;margin-bottom:44px;font-size:17px}.hero-actions{gap:16px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;padding:14px 28px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,color .2s,transform .2s ease-out;display:inline-flex}.button:disabled{opacity:.6;cursor:wait}.button-primary{color:var(--bg);background:var(--fg)}.button-primary:hover{background:var(--accent)}.button-ghost{color:var(--fg);border-color:var(--border)}.button-ghost:hover{border-color:var(--fg)}.badge-private{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border:1px dashed var(--border);border-radius:999px;align-items:center;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.section-title-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.drag-hint{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:40px;font-size:13px}.cert-viewport{cursor:grab;overflow:hidden}.cert-viewport:active{cursor:grabbing}.cert-track{gap:16px;width:max-content;display:flex}.cert-card{background:var(--bg-subtle);border:1px solid var(--border);border-radius:14px;flex-shrink:0;align-items:flex-start;gap:14px;width:300px;padding:20px;transition:border-color .25s,box-shadow .25s,transform .2s;display:flex}.cert-card:hover{transform:translateY(-2px)}.cert-icon{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:19px;display:flex}.cert-card--cyan{background-image:radial-gradient(140% 100% at 0 0,#22d3ee1a,#0000 60%)}.cert-card--cyan .cert-icon{color:#22d3ee}.cert-card--cyan:hover{border-color:#22d3ee;box-shadow:0 0 20px #22d3ee40}.cert-card--orange{background-image:radial-gradient(140% 100% at 0 0,#fb923c1a,#0000 60%)}.cert-card--orange .cert-icon{color:#fb923c}.cert-card--orange:hover{border-color:#fb923c;box-shadow:0 0 20px #fb923c40}.cert-card--blue{background-image:radial-gradient(140% 100% at 0 0,#38bdf81a,#0000 60%)}.cert-card--blue .cert-icon{color:#38bdf8}.cert-card--blue:hover{border-color:#38bdf8;box-shadow:0 0 20px #38bdf840}.cert-card--purple{background-image:radial-gradient(140% 100% at 0 0,#c084fc1a,#0000 60%)}.cert-card--purple .cert-icon{color:#c084fc}.cert-card--purple:hover{border-color:#c084fc;box-shadow:0 0 20px #c084fc40}.cert-name{color:var(--fg);margin-bottom:6px;font-size:15px;font-weight:600}.cert-meta{font-size:13px;font-family:var(--mono)}.section{border-top:1px solid var(--border);padding:10vh 0}.section-title{letter-spacing:-1px;margin-bottom:40px;font-size:clamp(28px,4vw,40px);position:relative}.glitch{display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);opacity:0;position:absolute;inset:0}@media (hover:hover){.glitch:hover:before,.glitch:hover:after{opacity:.8;animation:.35s steps(2,jump-none) infinite glitch-shift}.glitch:hover:before{color:#38bdf8;clip-path:inset(0 0 55%);transform:translate(-2px,-1px)}.glitch:hover:after{color:#f472b6;clip-path:inset(45% 0 0);transform:translate(2px,1px)}}@keyframes glitch-shift{0%{transform:translate(-2px,-1px)}50%{transform:translate(2px,1px)}to{transform:translate(-1px,2px)}}@media (prefers-reduced-motion:reduce){.glitch:hover:before,.glitch:hover:after{animation:none}}.bento-item:before{content:"";z-index:0;background:radial-gradient(280px circle at var(--spot-x,50%) var(--spot-y,50%), color-mix(in srgb, var(--fg) 25%, transparent), transparent 70%);mix-blend-mode:overlay;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.bento-item:hover:before{opacity:1}.proj-list{border-top:1px solid var(--border)}.proj-row{border-bottom:1px solid var(--border)}.proj-row-header{cursor:pointer;text-align:left;width:100%;color:var(--fg);font-family:var(--sans);background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:24px;padding:22px 4px 22px 16px;transition:border-color .25s;display:flex;position:relative}.proj-row--blue[data-open=true] .proj-row-header,.proj-row--blue .proj-row-header:hover{border-left-color:#38bdf8}.proj-row--purple[data-open=true] .proj-row-header,.proj-row--purple .proj-row-header:hover{border-left-color:#c084fc}.proj-row--pink[data-open=true] .proj-row-header,.proj-row--pink .proj-row-header:hover{border-left-color:#f472b6}.proj-row--green[data-open=true] .proj-row-header,.proj-row--green .proj-row-header:hover{border-left-color:#4ade80}.proj-row--cyan[data-open=true] .proj-row-header,.proj-row--cyan .proj-row-header:hover{border-left-color:#22d3ee}.proj-row--orange[data-open=true] .proj-row-header,.proj-row--orange .proj-row-header:hover{border-left-color:#fb923c}.proj-row-header:before{content:"";background:var(--bg-subtle);transform-origin:0;z-index:0;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleX(0)}.proj-row-header:hover:before,.proj-row[data-open=true] .proj-row-header:before{transform:scaleX(1)}.proj-row-header>*{z-index:1;position:relative}.proj-row-index{width:34px;font-family:var(--mono);color:var(--muted);flex:none;font-size:13px;transition:color .25s}.proj-row--blue .proj-row-header:hover .proj-row-index,.proj-row--blue[data-open=true] .proj-row-index{color:#38bdf8}.proj-row--purple .proj-row-header:hover .proj-row-index,.proj-row--purple[data-open=true] .proj-row-index{color:#c084fc}.proj-row--pink .proj-row-header:hover .proj-row-index,.proj-row--pink[data-open=true] .proj-row-index{color:#f472b6}.proj-row--green .proj-row-header:hover .proj-row-index,.proj-row--green[data-open=true] .proj-row-index{color:#4ade80}.proj-row--cyan .proj-row-header:hover .proj-row-index,.proj-row--cyan[data-open=true] .proj-row-index{color:#22d3ee}.proj-row--orange .proj-row-header:hover .proj-row-index,.proj-row--orange[data-open=true] .proj-row-index{color:#fb923c}.proj-row-heading{flex:1;min-width:0}.proj-row-name{letter-spacing:-.4px;align-items:center;gap:10px;font-size:clamp(19px,2.6vw,26px);font-weight:700;display:flex}.proj-row-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:3px 8px;font-size:10px}.proj-row-tagline{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:14px;overflow:hidden}.proj-row-tech{flex:none;gap:6px;display:flex}.proj-row-tech li{font-size:11px;font-family:var(--mono);background:var(--bg);border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;padding:4px 10px}.proj-row-tech-more{color:var(--accent)!important}.proj-row-chevron{color:var(--muted);flex:none;transition:transform .3s,color .25s}.proj-row[data-open=true] .proj-row-chevron{transform:rotate(180deg)}.proj-row--blue[data-open=true] .proj-row-chevron{color:#38bdf8}.proj-row--purple[data-open=true] .proj-row-chevron{color:#c084fc}.proj-row--pink[data-open=true] .proj-row-chevron{color:#f472b6}.proj-row--green[data-open=true] .proj-row-chevron{color:#4ade80}.proj-row--cyan[data-open=true] .proj-row-chevron{color:#22d3ee}.proj-row--orange[data-open=true] .proj-row-chevron{color:#fb923c}.proj-row-content{overflow:hidden}.proj-row-content-inner{padding:0 4px 28px 70px}.proj-row-description{max-width:70ch;margin-bottom:16px}.proj-row-highlights{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 20px;margin-bottom:16px;display:grid}.proj-row-highlights li{color:var(--muted);padding-left:22px;font-size:14px;position:relative}.proj-row-highlights li:before{content:"→";color:var(--accent);position:absolute;left:0}.proj-row-alltech{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.proj-row-alltech li{font-size:12px;font-family:var(--mono);background:var(--bg);border:1px solid var(--border);color:var(--fg);border-radius:999px;padding:4px 10px}.proj-row-actions{flex-wrap:wrap;gap:12px;display:flex}.bento{grid-template-columns:repeat(3,1fr);grid-auto-rows:168px;gap:16px;display:grid}.bento-item{background:var(--bg-subtle);border:1px solid var(--border);perspective:900px;cursor:pointer;border-radius:20px;padding:26px;transition:box-shadow .3s,border-color .3s,transform .3s;position:relative;overflow:hidden}.bento-item:hover{transform:translateY(-3px)}.bento-item>*{z-index:1;position:relative}.bento-item-spin{width:100%;height:100%;transform-style:preserve-3d;flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}.bento-icon{opacity:.9;font-size:30px}.bento-item--wide{grid-column:span 2}.bento-item--tall{grid-row:span 2}.bento-label{letter-spacing:-.6px;overflow-wrap:break-word;color:#0000;-webkit-background-clip:text;background-clip:text;max-width:100%;font-size:clamp(19px,2.8vw,29px);font-weight:800;line-height:1.08}.bento-item--blue{background-image:radial-gradient(160% 100% at 0 100%,#38bdf81f,#0000 60%);box-shadow:0 0 0 1px #38bdf826}.bento-item--blue:hover{box-shadow:0 0 40px #38bdf840}.bento-item--blue .bento-icon{color:#38bdf8}.bento-item--blue .bento-label{background-image:linear-gradient(120deg,#38bdf8,#818cf8)}.bento-item--purple{background-image:radial-gradient(160% 100% at 0 100%,#c084fc1f,#0000 60%);box-shadow:0 0 0 1px #c084fc26}.bento-item--purple:hover{box-shadow:0 0 40px #c084fc40}.bento-item--purple .bento-icon{color:#c084fc}.bento-item--purple .bento-label{background-image:linear-gradient(160deg,#c084fc,#f472b6)}.bento-item--pink{background-image:radial-gradient(160% 100% at 0 100%,#f472b61f,#0000 60%);box-shadow:0 0 0 1px #f472b626}.bento-item--pink:hover{box-shadow:0 0 40px #f472b640}.bento-item--pink .bento-icon{color:#f472b6}.bento-item--pink .bento-label{background-image:linear-gradient(120deg,#f472b6,#fb7185)}.bento-item--green{background-image:radial-gradient(160% 100% at 0 100%,#4ade801f,#0000 60%);box-shadow:0 0 0 1px #4ade8026}.bento-item--green:hover{box-shadow:0 0 40px #4ade8040}.bento-item--green .bento-icon{color:#4ade80}.bento-item--green .bento-label{background-image:linear-gradient(120deg,#4ade80,#22d3ee)}.bento-item--cyan{background-image:radial-gradient(160% 100% at 0 100%,#22d3ee1f,#0000 60%);box-shadow:0 0 0 1px #22d3ee26}.bento-item--cyan:hover{box-shadow:0 0 40px #22d3ee40}.bento-item--cyan .bento-icon{color:#22d3ee}.bento-item--cyan .bento-label{background-image:linear-gradient(120deg,#22d3ee,#38bdf8)}.bento-item--orange{background-image:radial-gradient(160% 100% at 0 100%,#fb923c1f,#0000 60%);box-shadow:0 0 0 1px #fb923c26}.bento-item--orange:hover{box-shadow:0 0 40px #fb923c40}.bento-item--orange .bento-icon{color:#fb923c}.bento-item--orange .bento-label{background-image:linear-gradient(120deg,#fb923c,#facc15)}@media (width<=640px){.bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px}.bento-item--wide{grid-column:span 2}.bento-item--tall{grid-row:span 1}}.timeline{gap:32px;margin-bottom:56px;display:grid}.timeline-item{border-left:2px solid var(--border);padding-left:24px;position:relative}.timeline-item:before{content:"";background:var(--border);border-radius:50%;width:8px;height:8px;position:absolute;top:2px;left:-5px}.timeline-period{font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px}.timeline-item--blue{border-left-color:#38bdf866}.timeline-item--blue:before{background:#38bdf8;box-shadow:0 0 10px #38bdf899}.timeline-item--blue .timeline-period{color:#38bdf8}.timeline-item--purple{border-left-color:#c084fc66}.timeline-item--purple:before{background:#c084fc;box-shadow:0 0 10px #c084fc99}.timeline-item--purple .timeline-period{color:#c084fc}.timeline-item--pink{border-left-color:#f472b666}.timeline-item--pink:before{background:#f472b6;box-shadow:0 0 10px #f472b699}.timeline-item--pink .timeline-period{color:#f472b6}.timeline-item--green{border-left-color:#4ade8066}.timeline-item--green:before{background:#4ade80;box-shadow:0 0 10px #4ade8099}.timeline-item--green .timeline-period{color:#4ade80}.timeline-role{letter-spacing:-.3px;margin-bottom:4px;font-size:20px}.timeline-org{color:var(--fg);margin-bottom:10px}.timeline-desc{max-width:65ch}@media (width>=641px){.timeline-item{grid-template-columns:240px 1fr;align-items:start;gap:40px;display:grid}.timeline-role{margin-bottom:6px}.timeline-org{margin-bottom:0}.timeline-desc{max-width:58ch}}.edu-achievement{grid-template-columns:1fr 1fr;gap:24px;display:grid}.subsection-title{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:20px;font-size:18px}.edu-list{gap:16px;display:grid}.edu-degree{color:var(--fg);font-weight:600}.edu-school{margin-top:4px;font-size:14px}.achievement-list{gap:16px;display:grid}.achievement-banner{border:1px solid var(--border);border-left:2px solid var(--border);background:var(--bg-subtle);border-radius:16px;align-self:start;padding:24px;transition:border-color .25s,box-shadow .25s}.achievement-banner--orange{background-image:radial-gradient(140% 100% at 0 0,#fb923c14,#0000 60%);border-left-color:#fb923c}.achievement-banner--orange:hover{box-shadow:0 0 20px #fb923c2e}.achievement-banner--cyan{background-image:radial-gradient(140% 100% at 0 0,#22d3ee14,#0000 60%);border-left-color:#22d3ee}.achievement-banner--cyan:hover{box-shadow:0 0 20px #22d3ee2e}.achievement-title{color:var(--fg);margin-bottom:8px;font-weight:600}.achievement-desc{font-size:14px}.skill-groups{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;display:grid}.skill-group-title{text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:14px;font-weight:600}.skill-group-title--pink{color:#f472b6}.skill-group-title--blue{color:#38bdf8}.skill-group-title--green{color:#4ade80}.skills-list{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.skill-tile{background:var(--bg-subtle);border:1px solid var(--border);text-align:center;perspective:700px;cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:92px;padding:14px 8px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.skill-tile-spin{z-index:1;transform-style:preserve-3d;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.skill-tile:before{content:"";z-index:0;background:radial-gradient(120px circle at var(--spot-x,50%) var(--spot-y,50%), color-mix(in srgb, var(--fg) 18%, transparent), transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.skill-tile:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(115deg,#0000 42%,#ffffff17 50%,#0000 58%) -120% -120%/220% 220%;transition:background-position .7s;position:absolute;inset:0}.skill-tile:hover{transform:translateY(-3px)}.skill-tile:hover:before{opacity:1}.skill-tile:hover:after{background-position:120% 120%}.skill-tile-icon,.skill-tile-label{z-index:1;position:relative}.skill-tile-icon{font-size:24px;transition:color .25s}.skill-tile-label{color:var(--muted);font-size:11px;line-height:1.3;transition:color .25s}.skill-tile:hover .skill-tile-label{color:var(--fg)}.skill-tile--pink{background-image:radial-gradient(140% 100% at 0 100%,#f472b61f,#0000 60%);box-shadow:0 0 0 1px #f472b61f}.skill-tile--pink .skill-tile-icon{color:#f472b6}.skill-tile--pink:hover{border-color:#f472b6;box-shadow:0 0 20px #f472b64d}.skill-tile--blue{background-image:radial-gradient(140% 100% at 0 100%,#38bdf81f,#0000 60%);box-shadow:0 0 0 1px #38bdf81f}.skill-tile--blue .skill-tile-icon{color:#38bdf8}.skill-tile--blue:hover{border-color:#38bdf8;box-shadow:0 0 20px #38bdf84d}.skill-tile--green{background-image:radial-gradient(140% 100% at 0 100%,#4ade801f,#0000 60%);box-shadow:0 0 0 1px #4ade801f}.skill-tile--green .skill-tile-icon{color:#4ade80}.skill-tile--green:hover{border-color:#4ade80;box-shadow:0 0 20px #4ade804d}@media (prefers-reduced-motion:reduce){.skill-tile,.skill-tile:after{transition:none}}.contact-text{max-width:55ch;margin-bottom:32px;font-size:17px}.contact-link{letter-spacing:-.3px;color:var(--fg);border-bottom:2px solid var(--border);overflow-wrap:anywhere;margin-bottom:24px;padding-bottom:5px;font-size:clamp(17px,2.2vw,22px);font-weight:600;text-decoration:none;transition:border-color .2s,color .2s;display:inline-block}.contact-link:hover{color:var(--accent);border-color:var(--accent)}.section-contact{position:relative}.section-contact .section-title{letter-spacing:-2.5px;margin-bottom:24px;font-size:clamp(44px,7vw,72px);font-weight:800}.contact-status{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.contact-status-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite contact-status-pulse;box-shadow:0 0 #4ade8099}@keyframes contact-status-pulse{0%{box-shadow:0 0 #4ade8080}70%{box-shadow:0 0 0 7px #4ade8000}to{box-shadow:0 0 #4ade8000}}.contact-status-sep{color:var(--border)}.contact-email-row{align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.contact-email-row .contact-link{margin-bottom:0}.contact-copy-btn{border:1px solid var(--border);background:var(--bg-subtle);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:9px;flex:none;justify-content:center;align-items:center;margin-top:2px;font-size:14px;transition:border-color .2s,color .2s;display:flex}.contact-copy-btn:hover{border-color:var(--accent);color:var(--accent)}.contact-tiles{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;max-width:420px;margin-top:32px;display:grid}.contact-tile{background:var(--bg-subtle);border:1px solid var(--border);min-height:84px;color:var(--fg);cursor:pointer;font-family:inherit;font-size:inherit;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 10px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.contact-tile:before{content:"";z-index:0;background:radial-gradient(120px circle at var(--spot-x,50%) var(--spot-y,50%), color-mix(in srgb, var(--fg) 18%, transparent), transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.contact-tile:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 0 20px #ffd21f33}.contact-tile:hover:before{opacity:1}.contact-tile-icon,.contact-tile-label{z-index:1;position:relative}.contact-tile-icon{color:var(--muted);font-size:22px;transition:color .25s}.contact-tile:hover .contact-tile-icon{color:var(--accent)}.contact-tile-label{color:var(--muted);font-size:12px;transition:color .25s}.contact-tile:hover .contact-tile-label{color:var(--fg)}@media (prefers-reduced-motion:reduce){.contact-status-dot{animation:none}}.contact-grid{z-index:1;grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;display:grid;position:relative}.contact-grid>*{min-width:0}.contact-card-scene{perspective:1600px;justify-content:center;display:flex}.contact-card{width:292px;height:322px;transform-style:preserve-3d;cursor:pointer;position:relative}.contact-card-face{background:linear-gradient(145deg, var(--bg-subtle), var(--bg)) padding-box, linear-gradient(135deg, #5b6268, #dfe3e6 35%, #383c40 65%, #9ba2a7) border-box;backface-visibility:hidden;border:2px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;padding:20px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 50px #0000008c}.contact-card-face:after{content:"";z-index:0;border-radius:inherit;background:conic-gradient(from 180deg at var(--spot-x,50%) var(--spot-y,50%), #6b7278, #eef1f2, #fff, #9aa1a7, #fff, #7c848a, #6b7278);mix-blend-mode:soft-light;opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.contact-card-scene:hover .contact-card-face:after{opacity:.75}.contact-card-face>*{z-index:1;position:relative}.contact-card-front{justify-content:space-between;align-items:stretch}.contact-card-stat{z-index:1;flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute;top:20px;right:20px}.contact-card-stat b{font-family:var(--mono);color:var(--accent);font-size:17px;font-weight:800}.contact-card-stat span{font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-top:2px;font-size:7.5px;font-weight:600}.contact-card-top{align-items:center;gap:10px;display:flex}.contact-card-avatar{color:#1a1c1e;background:linear-gradient(135deg,#dfe3e6,#7c848a);border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.contact-card-avatar-mark{width:20px;height:20px}.contact-card-eyebrow{color:#b8bec3;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600}.contact-card-name{color:var(--fg);letter-spacing:-.4px;margin-bottom:5px;font-size:19px;font-weight:700;line-height:1.15}.contact-card-role{color:var(--muted);font-size:11px;line-height:1.45}.contact-card-tags{flex-wrap:wrap;gap:5px;display:flex}.contact-card-tag{font-family:var(--mono);background:color-mix(in srgb, currentColor 10%, transparent);color:var(--muted);border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font-size:8.5px;font-weight:500;line-height:1;display:inline-flex}.contact-card-tag-dot{background:currentColor;border-radius:50%;flex:none;width:4px;height:4px}.contact-card-tag--pink{color:#f472b6}.contact-card-tag--blue{color:#38bdf8}.contact-card-tag--green{color:#4ade80}.contact-card-footer{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.contact-card-location{font-size:10.5px;font-family:var(--mono);color:var(--muted)}.contact-card-hint{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);flex:none;font-size:9.5px}.contact-card-back{text-align:center;align-items:center;gap:6px;transform:rotateY(180deg)}.contact-card-back-header{color:var(--fg);align-items:center;gap:6px;margin-bottom:2px;font-size:11.5px;font-weight:600;display:flex}.contact-card-terminal-icon{color:var(--fg);font-size:15px}.contact-card-terminal{background:color-mix(in srgb, var(--bg) 60%, transparent);border:1px solid var(--border);text-align:left;width:100%;font-family:var(--mono);border-radius:10px;padding:8px 12px}.contact-card-terminal-line{flex-direction:column;gap:1px;margin-bottom:5px;display:flex}.contact-card-terminal-line:last-of-type{margin-bottom:0}.contact-card-terminal-prompt{color:var(--muted);font-size:9.5px}.contact-card-terminal-output{color:var(--fg);font-size:10.5px;line-height:1.3}.contact-card-terminal-cursor{background:var(--fg);width:5px;height:10px;margin-top:3px;animation:1s step-end infinite blink;display:inline-block}.contact-card-back-actions{gap:8px;display:flex}.contact-card-linkedin-btn,.contact-card-save{padding:7px 14px;font-size:11.5px}.site-footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);padding:40px 24px 112px;font-size:14px}.footer-mark{opacity:.5;width:18px;height:18px;margin-bottom:12px}@media (width<=640px){.hero{padding:12vh 0 8vh}.edu-achievement{grid-template-columns:1fr}.hero-actions,.proj-row-actions{flex-direction:column;align-items:stretch}.button{justify-content:center}.proj-row-header{gap:14px;padding:18px 4px}.proj-row-tech{display:none}.proj-row-content-inner{padding-left:4px}}.cmdk-trigger{z-index:30;background:color-mix(in srgb, var(--bg-subtle) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--muted);font-family:var(--sans);border-radius:999px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;transition:border-color .2s,color .2s;display:flex;position:fixed;bottom:24px;left:24px}.cmdk-trigger:hover{border-color:var(--accent);color:var(--fg)}.cmdk-trigger kbd{font-family:var(--mono);background:var(--bg);border:1px solid var(--border);color:var(--fg);border-radius:4px;padding:2px 6px;font-size:11px}[cmdk-overlay]{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;position:fixed;inset:0}[cmdk-dialog]{z-index:91;width:min(560px,100vw - 40px);position:fixed;top:14vh;left:50%;transform:translate(-50%)}[cmdk-content]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080}[cmdk-input]{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--fg);font-family:var(--sans);background:0 0;outline:none;padding:18px 20px;font-size:16px}[cmdk-input]::placeholder{color:var(--muted)}[cmdk-list]{max-height:360px;padding:8px;overflow-y:auto}[cmdk-empty]{text-align:center;color:var(--muted);padding:24px;font-size:14px}[cmdk-group-heading]{text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:10px 12px 4px;font-size:12px}[cmdk-item]{color:var(--fg);cursor:pointer;border-radius:10px;padding:12px;font-size:14px}[cmdk-item][aria-selected=true]{background:var(--accent-item,var(--bg));background:color-mix(in srgb, var(--accent) 15%, var(--bg));color:var(--accent)}.easter-egg{z-index:95;background:var(--bg-subtle);border:1px solid var(--accent);color:var(--fg);border-radius:999px;padding:14px 22px;font-size:14px;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #ffd21f40}.back-to-top{z-index:30;background:color-mix(in srgb, var(--bg-subtle) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:fixed;bottom:24px;right:24px}.back-to-top-track{fill:none;stroke:var(--border);stroke-width:2px}.back-to-top-ring{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .1s linear;transform:rotate(-90deg)}.back-to-top svg{position:absolute;inset:0}.back-to-top-arrow{color:var(--fg);font-size:16px;position:relative}.terminal-trigger{z-index:30;background:color-mix(in srgb, var(--bg-subtle) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);width:44px;height:44px;color:var(--muted);font-family:var(--mono);border-radius:50%;justify-content:center;align-items:center;font-size:15px;transition:border-color .2s,color .2s;display:flex;position:fixed;bottom:78px;left:24px}.terminal-trigger:hover{border-color:var(--accent);color:var(--fg)}.terminal-overlay{z-index:92;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.terminal-window{border:1px solid var(--border);background:#0a0a0a;border-radius:12px;flex-direction:column;width:min(680px,100%);max-height:70vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0009}.terminal-titlebar{border-bottom:1px solid var(--border);background:#151515;align-items:center;gap:8px;padding:10px 14px;display:flex}.terminal-dot{border-radius:50%;width:11px;height:11px}.terminal-dot--red{background:#ff5f56}.terminal-dot--yellow{background:#ffbd2e}.terminal-dot--green{background:#27c93f}.terminal-titlebar-label{font-family:var(--mono);color:var(--muted);margin-left:8px;font-size:12px}.terminal-body{font-family:var(--mono);cursor:text;flex:1;padding:16px;font-size:13px;line-height:1.6;overflow-y:auto}.terminal-line{white-space:pre-wrap;word-break:break-word}.terminal-line--input{color:var(--fg)}.terminal-line--output{color:var(--muted)}.terminal-line--system,.terminal-prompt{color:var(--accent)}.terminal-input-row{align-items:center;gap:8px;display:flex}.terminal-input{color:var(--fg);font-family:var(--mono);caret-color:var(--accent);background:0 0;border:none;outline:none;flex:1;font-size:13px}.install-prompt{z-index:30;background:var(--bg-subtle);border:1px solid var(--accent);color:var(--fg);font-family:var(--sans);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex;position:fixed;bottom:132px;left:24px;box-shadow:0 0 20px #ffd21f26}.install-prompt-icon{color:var(--accent);font-size:14px}@media (width<=640px){.terminal-trigger,.install-prompt{display:none}}.dock{z-index:30;background:color-mix(in srgb, var(--bg-subtle) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:20px;align-items:flex-end;gap:10px;padding:10px 14px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.dock-icon{background:color-mix(in srgb, var(--fg) 6%, transparent);color:var(--muted);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:18px;transition:color .2s,background .2s;display:flex;position:relative}.dock-icon:hover{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.dock-tooltip{background:var(--bg-subtle);border:1px solid var(--border);color:var(--fg);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:4px 10px;font-size:12px;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px)}.dock-icon:hover .dock-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.dock-badge{background:var(--accent);min-width:16px;height:16px;color:var(--bg);font-size:10px;font-weight:700;font-family:var(--mono);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;display:flex;position:absolute;top:-4px;right:-4px}@media (width<=640px){.dock{display:none}.site-footer{padding-bottom:56px}}.achievements-overlay{z-index:92;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.achievements-panel{background:var(--bg-subtle);border:1px solid var(--border);border-radius:16px;width:min(460px,100%);max-height:75vh;padding:24px;overflow-y:auto;box-shadow:0 20px 60px #0009}.achievements-header{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.achievements-title-group{align-items:center;gap:10px;display:flex}.achievements-mark{border-radius:6px;width:22px;height:22px}.achievements-header h3{font-size:20px}.achievements-count{font-family:var(--mono);color:var(--accent);font-size:14px}.achievements-list{flex-direction:column;gap:10px;display:flex}.achievement{border:1px solid var(--border);opacity:.5;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;display:flex}.achievement--unlocked{opacity:1;border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent)}.achievement-icon{font-size:20px;line-height:1}.achievement-name{font-size:14px;font-weight:700}.achievement-hint{color:var(--muted);margin-top:2px;font-size:12px}@media (width<=640px){.cmdk-trigger span{display:none}.contact-grid{grid-template-columns:1fr}.contact-card-scene{margin-top:40px}}
