:root{--bg:#0a0a0a;--fg:#ededed;--muted:#a0a4a1;--line:#222;--accent:#7dd3a8;--surface:#111612;--mono:ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}main{max-width:720px;margin:0 auto;padding:32px 24px 64px}.bg{z-index:-1;position:fixed;inset:0;overflow:hidden}.bg:after{content:"";background-image:radial-gradient(#7dd3a81a .7px,#0000 .7px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0008,#0000 75%);mask-image:linear-gradient(#0008,#0000 75%)}.orb{filter:blur(120px);opacity:.14;will-change:transform;border-radius:50%;width:45vmax;height:45vmax;position:absolute}.orb1{background:#7dd3a8;animation:40s ease-in-out infinite alternate drift1;top:-15%;left:-10%}.orb2{background:#6d5ae0;animation:55s ease-in-out infinite alternate drift2;bottom:-20%;right:-15%}@keyframes drift1{to{transform:translate(18vw,22vh)scale(1.15)}}@keyframes drift2{to{transform:translate(-16vw,-18vh)scale(1.1)}}@media (prefers-reduced-motion:reduce){.orb{animation:none}}section{margin-bottom:96px;scroll-margin-top:32px}.kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}h1{letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(32px,6vw,48px);line-height:1.15}h2{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(24px,4vw,32px)}.lead{color:var(--muted);max-width:56ch;font-size:17px}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.btn{border:1px solid var(--line);color:var(--fg);border-radius:8px;padding:10px 18px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;text-decoration:none;transition:border-color .2s,color .2s,background-color .2s,transform .2s,box-shadow .2s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn.primary:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.card{border:1px solid var(--line);color:inherit;background:linear-gradient(125deg,#7dd3a805,#0000 65%);border-radius:12px;margin-top:16px;padding:24px;text-decoration:none;transition:border-color .25s,background-color .25s,transform .25s,box-shadow .25s;display:block;position:relative}:is(.card:has(a):hover,.card:focus-within){border-color:var(--accent);background-color:var(--surface)}.card .meta{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding-right:48px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.card .meta .status{color:var(--accent)}.card h3{margin:8px 0;font-size:20px}.card p{color:var(--muted);font-size:15px}.tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tag{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.stack{flex-wrap:wrap;gap:10px;margin-top:0;display:flex}.stack .tag{color:var(--fg);padding:6px 14px;font-size:13px}.contacts{flex-direction:column;gap:4px;margin-top:20px;display:flex}.contacts a{color:var(--fg);border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px;text-decoration:none;transition:color .15s;display:flex}.contacts a:hover{color:var(--accent)}.contacts a span:last-child{color:var(--muted)}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:24px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;display:flex}.fade{animation:.6s both fade}@keyframes fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}::selection{background:var(--accent);color:var(--bg)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.progress{background:linear-gradient(90deg, var(--accent), #6d5ae0);transform-origin:0;z-index:10;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.progress{animation:linear both progress-grow;animation-timeline:scroll(root)}}}@keyframes progress-grow{to{transform:scaleX(1)}}.rotator{vertical-align:bottom;height:1.15em;display:inline-block;overflow:hidden}.rotator-track{flex-direction:column;animation:9s cubic-bezier(.7,0,.2,1) infinite rotate-words;display:flex}.rotator-track span{height:1.15em;color:var(--accent);display:block}@keyframes rotate-words{0%,28%{transform:translateY(0)}33%,61%{transform:translateY(-25%)}66%,94%{transform:translateY(-50%)}to{transform:translateY(-75%)}}.hero .kicker:after{content:"▍";margin-left:2px;animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.now{color:var(--fg);align-items:center;gap:8px;display:inline-flex}.pulse{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #7dd3a866}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.card:before{content:"";pointer-events:none;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), #7dd3a812, transparent 65%);opacity:0;border-radius:12px;transition:opacity .3s;position:absolute;inset:0}.card:hover:before{opacity:1}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:4px}.skip-link{background:var(--fg);color:var(--bg);z-index:2;padding:8px 16px;position:absolute;top:8px;left:24px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--line);justify-content:flex-end;align-items:center;margin-bottom:72px;padding-bottom:20px;display:flex}.site-header nav{gap:24px;display:flex}.site-header nav a{font:12px var(--mono);color:var(--muted);padding:12px 0;text-decoration:none;transition:color .2s;position:relative}.site-header nav a:hover{color:var(--accent)}.site-header nav a:after{content:"";bottom:3px;background:var(--accent);transform-origin:0;height:1px;transition:transform .2s;position:absolute;inset-inline:0;transform:scaleX(0)}.site-header nav a:is(:hover,:focus-visible):after{transform:scaleX(1)}.hero{position:relative}.hero:before{content:"";background:var(--accent);transform-origin:0;width:40px;height:3px;margin-bottom:28px;animation:.8s both accent-in;display:block}.profile-note{color:var(--muted);font:12px var(--mono);flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.profile-note span+span{border-left:1px solid var(--line);padding-left:16px}.project-icon{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--accent);font:16px var(--mono);border-radius:9px;place-items:center;transition:transform .25s,border-color .25s;display:grid;position:absolute;top:20px;right:24px}.project-link{color:inherit;text-decoration:none}.project-link:after{content:"";border-radius:12px;position:absolute;inset:0}.project-arrow{color:var(--muted);margin-left:10px;font-size:16px;transition:transform .15s;display:inline-block}.card:hover .project-arrow{color:var(--accent);transform:translate(2px,-2px)}.card .private-note{font:12px var(--mono);margin-top:18px}.text-link{color:var(--accent);font:13px var(--mono);margin-top:24px;text-decoration:none;display:inline-block}.text-link:hover{text-underline-offset:5px;text-decoration:underline}.stack-groups{margin-top:24px}.stack-group{border-bottom:1px solid var(--line);grid-template-columns:130px 1fr;align-items:baseline;gap:16px;padding:18px 0;display:grid}.stack-group h3{font:12px var(--mono);color:var(--muted)}.open-source-note{border-left:2px solid var(--accent);color:var(--muted);background:linear-gradient(90deg,#7dd3a808,#0000);gap:16px;margin-top:28px;padding:20px;font-size:14px;display:flex}.open-source-note>span{color:var(--accent)}.section-number{color:var(--muted);margin-right:8px;font-size:11px}.button-arrow{margin-left:8px;transition:transform .2s;display:inline-block}.btn:is(:hover,:focus-visible) .button-arrow{transform:translateY(3px)}.back-top{color:var(--muted);text-decoration:none;transition:color .2s}.back-top:hover{color:var(--accent)}.back-top span{transition:transform .2s;display:inline-block}.back-top:is(:hover,:focus-visible) span{transform:translateY(-3px)}.stack .tag{transition:border-color .2s,background-color .2s,transform .2s}.contacts a{transition:color .2s,border-color .2s,background-color .2s}.contacts a:is(:hover,:focus-visible){border-color:var(--accent);background:#7dd3a806}.contacts a span:last-child{transition:color .2s,transform .2s}.contacts a:is(:hover,:focus-visible) span:last-child{color:var(--accent);transform:translate(-4px)}.hero>*{animation:.7s both fade}.hero h1{animation-delay:80ms}.hero .lead{animation-delay:.16s}.hero .profile-note{animation-delay:.24s}.hero .actions{animation-delay:.32s}@keyframes accent-in{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #7dd3a80d}.card:has(a):hover{transform:translateY(-3px);box-shadow:0 12px 32px #0003}.card:has(a):hover .project-icon{border-color:var(--accent);transform:rotate(-6deg)}.stack .tag:hover{border-color:var(--accent);background:var(--surface);transform:translateY(-2px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.card,.stack-group,.open-source-note,.contacts{animation:linear both scroll-reveal;animation-timeline:view();animation-range:entry entry 80%}}}@keyframes scroll-reveal{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}@media (max-width:480px){main{padding:24px 20px 40px}.site-header{margin-bottom:48px}.site-header nav{gap:18px}section{margin-bottom:64px}.card{padding:20px}.project-icon{right:20px}.stack-group{grid-template-columns:1fr;gap:12px}.contacts a{overflow-wrap:anywhere;flex-wrap:wrap;gap:4px 16px;font-size:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}