@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-primary:#0f0f0f;--bg-secondary:#161616;--bg-card:#1a1a1a;--bg-card-hover:#202020;--accent:#e85d04;--accent-dim:#e85d041f;--accent-glow:#e85d0433;--accent-border:#e85d0459;--text-primary:#ebebeb;--text-secondary:#787878;--text-muted:#3a3a3a;--border:#242424;--border-subtle:#1e1e1e;--skeleton-base:#1e1e1e;--skeleton-shine:#282828;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable;overflow-y:auto}body{background-color:var(--bg-primary);min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}.mono{font-family:JetBrains Mono,ui-monospace,monospace}a{color:inherit;text-decoration:none}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.app{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0f0f0fd9;justify-content:space-between;align-items:center;height:64px;padding:0 48px;display:flex;position:sticky;top:0}.navbar-logo{letter-spacing:-.02em;color:var(--text-primary);font-size:1.1rem;font-weight:600;transition:color .2s}.navbar-logo:hover,.logo-bracket,.logo-slash{color:var(--accent)}.navbar-links{gap:32px;list-style:none;display:flex}.navbar-links a{color:var(--text-secondary);letter-spacing:.06em;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:color .2s;position:relative}.navbar-links a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .25s;position:absolute;bottom:-4px;left:0}.navbar-links a:hover{color:var(--text-primary)}.navbar-links a:hover:after{width:100%}@media (width<=600px){.navbar{padding:0 24px}.navbar-links{gap:20px}}.hero{text-align:center;justify-content:center;min-height:calc(100vh - 64px);padding:96px 48px 32px;display:flex}.hero-inner{flex-direction:column;align-items:center;gap:0;width:100%;max-width:1180px;height:100%;display:flex}.hero-bottom{flex-direction:column;align-items:center;width:100%;margin-top:auto;padding-top:64px;display:flex}.terminal-frame{border:1px solid #aaaaaa4d;border-radius:12px;flex-direction:column;flex:1;width:100%;min-height:600px;margin-bottom:32px;padding:0 48px 64px;animation:4s ease-in-out infinite terminal-pulse;display:flex;position:relative}@keyframes terminal-pulse{0%,to{border-color:#aaaaaa38;box-shadow:0 0 #aaa0}50%{border-color:#aaaaaa73;box-shadow:0 0 14px #aaaaaa0f}}.frame-corner{pointer-events:none;border:2px solid #aaa6;width:20px;height:20px;position:absolute}.corner-tl{border-bottom:none;border-right:none;border-radius:12px 0 0;top:-1px;left:-1px}.corner-tr{border-bottom:none;border-left:none;border-radius:0 12px 0 0;top:-1px;right:-1px}.corner-bl{border-top:none;border-right:none;border-radius:0 0 0 12px;bottom:-1px;left:-1px}.corner-br{border-top:none;border-left:none;border-radius:0 0 12px;bottom:-1px;right:-1px}.terminal-titlebar{border-bottom:1px solid #aaaaaa2e;align-items:center;gap:8px;margin-bottom:8px;padding:18px 4px;display:flex}.terminal-titlebar-label{color:var(--text-muted);letter-spacing:.05em;font-size:.72rem}.terminal-content{flex-direction:column;align-items:center;margin:auto;display:flex}.terminal-console-line{max-width:calc(100% - 48px);color:var(--text-secondary);text-align:left;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;position:absolute;bottom:24px;left:24px;overflow:hidden}.terminal-command{color:#9a9a9a}.hero-greeting{color:var(--text-secondary);letter-spacing:.04em;background:var(--bg-secondary);border:1px solid var(--border);white-space:nowrap;border-radius:6px;margin-bottom:28px;padding:8px 16px;font-size:.8rem;display:inline-block}.prompt-symbol{color:var(--accent)}.prompt-dollar{color:var(--text-secondary)}.prompt-cmd{color:var(--text-primary)}.hero-name{letter-spacing:-.04em;color:var(--text-primary);margin-top:40px;margin-bottom:40px;font-family:Inter,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:600;line-height:1.05}.cursor{color:var(--accent);animation:1.1s step-end infinite blink}.hero-title{color:var(--text-secondary);letter-spacing:.02em;margin-bottom:28px;font-size:1rem}.title-tag{color:var(--text-muted)}.title-text{color:var(--accent)}.hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:44px;display:flex}.btn{letter-spacing:.06em;cursor:pointer;border:1px solid #0000;border-radius:5px;padding:12px 28px;font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:500;transition:all .22s}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{color:var(--accent);background:0 0}.btn-secondary{color:var(--text-secondary);border-color:var(--border);background:0 0}.btn-secondary:hover{border-color:var(--accent-border);color:var(--text-primary)}@media (width<=600px){.hero{padding:64px 24px 56px}.terminal-frame{min-height:400px;padding:0 24px 48px}.terminal-console-line{max-width:calc(100% - 24px);bottom:16px;left:12px}}.stats-bar{color:var(--text-muted);letter-spacing:.05em;align-items:center;gap:12px;margin-top:28px;font-size:.72rem;display:flex}.stats-value{color:var(--accent)}.stats-divider{color:var(--border)}.project-card{background:var(--bg-card);border:1px solid var(--border);cursor:default;border-radius:8px;transition:border-color .25s,transform .25s,background .25s;animation:.6s both fadeInUp;overflow:hidden}.project-card:hover{border-color:var(--accent-border);background:var(--bg-card-hover);transform:translateY(-3px)}.card-preview-wrap{width:100%;height:200px;display:block;position:relative;overflow:hidden}.card-preview-img{object-fit:cover;object-position:top;filter:brightness(.9);width:100%;height:100%;transition:transform .35s,filter .35s}.card-preview-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.card-preview-cta{color:var(--text-primary);letter-spacing:.05em;border:1px solid var(--accent-border);background:#e85d041f;border-radius:4px;padding:6px 14px;font-size:.78rem}.card-preview-wrap:hover .card-preview-img{filter:brightness(.65);transform:scale(1.04)}.card-preview-wrap:hover .card-preview-overlay{opacity:1}.card-body{flex-direction:column;gap:12px;padding:24px;display:flex}.card-meta{gap:8px;display:flex}.card-tag{color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-border);letter-spacing:.04em;border-radius:3px;padding:2px 8px;font-size:.68rem}.card-title{color:var(--text-primary);letter-spacing:-.01em;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600}.card-title a{align-items:center;gap:4px;transition:color .2s;display:inline-flex}.card-title a:hover{color:var(--accent)}.card-title-external{opacity:0;font-size:.85em;transition:opacity .2s,transform .2s;transform:translate(-2px,2px)}.card-title a:hover .card-title-external{opacity:1;transform:translate(0)}.card-description{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.card-highlights{text-align:left;flex-direction:column;gap:6px;display:flex}.card-highlight-item{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:.8rem;line-height:1.5;display:flex}.card-highlight-mark{color:var(--accent);flex-shrink:0}.card-footer{gap:12px;margin-top:4px;display:flex}.card-link{color:color-mix(in srgb, var(--accent) 55%, var(--text-secondary));letter-spacing:.05em;align-items:center;gap:4px;font-size:.78rem;transition:color .2s;display:inline-flex}.card-link:hover{color:var(--accent)}.card-link .arrow{transition:transform .2s}.card-link:hover .arrow{transform:translate(3px)}.projects-section{border-top:1px solid var(--border);text-align:center;flex-direction:column;justify-content:center;min-height:calc(100vh - 64px);padding:80px 48px 96px;display:flex}.projects-inner{flex-direction:column;align-items:center;gap:0;max-width:960px;margin:0 auto;display:flex}.section-header{margin-bottom:48px;animation:.6s both fadeInUp}.section-label{color:var(--accent);letter-spacing:.08em;margin-bottom:12px;font-size:.78rem}.section-subtitle{color:var(--text-secondary);max-width:440px;font-size:.95rem}.projects-grid{grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}.btn-text{color:var(--text-secondary);letter-spacing:.05em;align-items:center;gap:4px;font-size:.82rem;transition:color .2s;display:inline-flex}.btn-text:hover{color:var(--accent)}.arrow{transition:transform .2s}.btn-text:hover .arrow{transform:translate(4px)}@media (width<=700px){.projects-section{padding:60px 24px 72px}.projects-grid{grid-template-columns:1fr}}.about-section{border-top:1px solid var(--border);text-align:center;flex-direction:column;justify-content:center;min-height:calc(100vh - 64px);padding:80px 48px 96px;display:flex}.about-inner{flex-direction:column;align-items:center;gap:0;max-width:960px;margin:0 auto;display:flex}.about-bio{max-width:620px}.about-stack{flex-direction:column;align-items:center;margin-top:48px;animation:.6s .15s both fadeInUp;display:flex}.about-stack-label{color:var(--accent);letter-spacing:.06em;margin-bottom:40px;font-size:.78rem}.about-stack-diamond{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:620px;display:flex}.stack-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.stack-pill{color:var(--text-secondary);border:1px solid var(--border-subtle);letter-spacing:.03em;border-radius:5px;align-items:center;gap:6px;padding:8px 14px;font-size:.78rem;transition:color .2s,border-color .2s;display:inline-flex}.stack-pill:hover{color:var(--accent);border-color:var(--accent-border)}.stack-pill-icon{flex-shrink:0}@media (width<=700px){.about-section{padding:60px 24px 72px}}.boot-intro{z-index:999;pointer-events:none;opacity:1;transition:opacity .85s;position:fixed;inset:0}.boot-intro-out{opacity:0}.boot-scanlines{background:repeating-linear-gradient(#ffffff0b 0 1px,#0000 1px 3px);animation:9s linear infinite boot-scan-drift,3.4s ease-in-out infinite boot-flicker;position:absolute;inset:-2px}.boot-vignette{background:radial-gradient(#0000 45%,#0009 100%);position:absolute;inset:0}@keyframes boot-scan-drift{0%{background-position:0 0}to{background-position:0 240px}}@keyframes boot-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94.5%{opacity:1}97%{opacity:.9}98%{opacity:1}}.boot-flash{z-index:3;transform-origin:50%;background:#f4f4f4;height:2px;animation:.32s step-end forwards boot-flash-blink;position:fixed;top:50%;left:0;right:0;transform:translateY(-50%)scaleX(0);box-shadow:0 0 18px 3px #ffffffd9}.boot-iris{z-index:2;border-radius:50%;width:4px;height:4px;animation:.62s cubic-bezier(.65,0,.35,1) .3s both boot-iris-expand;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #000}@keyframes boot-flash-blink{0%{opacity:0;transform:translateY(-50%)scaleX(0)}12%{opacity:1;transform:translateY(-50%)scaleX(.4)}25%{opacity:.15}38%{opacity:1;transform:translateY(-50%)scaleX(.7)}50%{opacity:.2}65%{opacity:1;transform:translateY(-50%)scaleX(1)}to{opacity:0;transform:translateY(-50%)scaleX(1)}}@keyframes boot-iris-expand{0%{width:4px;height:4px}to{width:220vmax;height:220vmax}}@media (prefers-reduced-motion:reduce){.boot-intro{display:none}}.project-page{justify-content:center;min-height:100vh;padding:48px;display:flex}.project-page-inner{width:100%;max-width:1160px}.pp-stats-col{width:200px;margin-right:24px;position:absolute;top:0;right:100%}.back-link{color:var(--text-secondary);margin-bottom:20px;font-size:.82rem;transition:color .2s;display:inline-block}.back-link:hover{color:var(--accent)}.project-page-header{margin-bottom:28px}.project-page-title-link{align-items:center;gap:14px;display:inline-flex}.project-page-logo{object-fit:contain;background:0 0;flex-shrink:0;width:1em;height:1em;display:block}.project-page-logo-gradient{background:linear-gradient(#7c4fbf 0%,#2e1a50 100%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.project-page-tags{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.project-page-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:10px;font-family:Inter,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:600}.project-page-title a{transition:color .2s}.project-page-title a:hover{color:var(--accent)}.visit-site-link{color:var(--text-primary)}.project-page-description{color:var(--text-secondary);max-width:640px;margin-bottom:14px;font-size:1.05rem;line-height:1.6}.project-hero-row{grid-template-columns:1fr auto;gap:24px;margin-bottom:28px;display:grid;position:relative}.project-hero-row-left{grid-column:1}.project-hero-row-right{grid-column:2}@media (width<=760px){.project-hero-row{grid-template-columns:1fr}.project-hero-row-left,.project-hero-row-right{grid-column:1}.pp-stats-col{order:-1;width:auto;margin-right:0;position:static}.project-hero-img{height:280px}.project-stack{flex-flow:wrap}.project-stats{flex-flow:wrap;row-gap:20px}.stat-tile{border-top:none;flex:45%;padding-top:0}.topics-sidebar{width:auto;margin-bottom:24px;margin-right:0;position:static}.topics-sidebar-inner{z-index:90;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);scrollbar-width:none;background:#0f0f0feb;flex-direction:row;gap:8px;padding:14px 0;position:sticky;top:64px;overflow-x:auto}.topics-sidebar-inner::-webkit-scrollbar{display:none}.topics-sidebar-item{border:1px solid var(--border);white-space:nowrap;border-radius:20px;flex-shrink:0;padding:6px 14px}.topics-sidebar-item:hover{border-color:var(--accent-border)}.topics-sidebar-item.active{border-color:var(--accent-border);background:var(--accent-dim)}.topic-item{scroll-margin-top:130px}}.project-hero{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;width:100%;display:block;position:relative;overflow:hidden}.project-hero-img{object-fit:cover;object-position:top;filter:brightness(.92);width:100%;height:460px;transition:transform .4s,filter .4s;display:block}.project-hero-overlay{opacity:0;background:#00000073;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.project-hero:hover .project-hero-img{filter:brightness(.7);transform:scale(1.02)}.project-hero:hover .project-hero-overlay{opacity:1}.project-hero-cta{color:var(--text-primary);letter-spacing:.05em;border:1px solid var(--accent-border);background:#e85d041f;border-radius:4px;padding:8px 18px;font-size:.85rem}.project-stats{flex-direction:column;gap:20px;display:flex}.stat-tile{border-top:1px solid var(--border);padding-top:16px}.stat-tile:first-child{border-top:none;padding-top:0}.stat-label{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.68rem}.stat-value{color:var(--text-primary);letter-spacing:-.01em;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:600}.project-stack{flex-direction:column;align-items:stretch;gap:10px;display:flex}.stack-chip{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);letter-spacing:.02em;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.78rem;transition:color .2s,border-color .2s;display:inline-flex}.stack-chip:hover{color:var(--text-primary);border-color:var(--accent-border)}.stack-chip svg{color:var(--accent);flex-shrink:0}.project-page-body{border-top:1px solid var(--border);padding-top:48px}.project-page-placeholder{color:var(--text-muted);font-size:.85rem}.section-label{color:#5a9e7a;letter-spacing:.06em;margin-bottom:40px;font-size:.85rem;display:block}.topics-row{position:relative}.topics-sidebar{width:200px;margin-right:24px;position:absolute;top:0;bottom:0;right:100%}.topics-sidebar-inner{flex-direction:column;gap:2px;display:flex;position:sticky;top:88px}.topics-sidebar-item{text-align:left;border:none;border-left:2px solid var(--border);color:var(--text-secondary);letter-spacing:.01em;cursor:pointer;background:0 0;padding:9px 0 9px 16px;font-size:.78rem;transition:color .2s,border-color .2s}.topics-sidebar-item:hover{color:var(--text-primary)}.topics-sidebar-item.active{color:var(--accent);border-left-color:var(--accent)}.topics-list{flex-direction:column;display:flex}.topic-item{border-bottom:1px solid var(--border);padding:36px 0;scroll-margin-top:84px}.topic-item:first-child{padding-top:0}.topic-item .card-tag{color:#5b9cf6;background:#5b9cf614;border-color:#5b9cf64d;margin-bottom:14px;display:inline-block}.topic-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:12px;font-family:Inter,sans-serif;font-size:1.15rem;font-weight:600}.topic-hook{color:var(--text-secondary);max-width:800px;margin-bottom:20px;font-size:.9rem;line-height:1.75}.topic-toggle{cursor:pointer;color:var(--text-secondary);letter-spacing:.05em;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:.75rem;transition:color .2s;display:inline-flex}.topic-toggle:hover{color:var(--accent)}.topic-detail{background:var(--bg-secondary);border:1px solid var(--border);border-left:2px solid var(--accent-border);border-radius:6px;margin-top:28px;padding:24px}.topic-flow{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.topic-flow-step-wrap{align-items:center;gap:10px;display:flex}.topic-flow-step{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--accent-border);letter-spacing:.01em;border-radius:6px;padding:8px 12px;font-size:.72rem;line-height:1.4}.topic-flow-arrow{color:var(--accent);flex-shrink:0;font-size:.9rem}.topic-detail-list{flex-direction:column;gap:14px;max-width:680px;margin-bottom:20px;list-style:none;display:flex}.topic-detail-list li{color:var(--text-secondary);padding-left:24px;font-size:.875rem;line-height:1.75;position:relative}.topic-detail-list li:before{content:"—";color:var(--accent);font-size:.75rem;position:absolute;top:3px;left:0}.topic-source{color:var(--text-muted);letter-spacing:.03em;border-top:1px solid var(--border);margin-top:4px;padding-top:16px;font-size:.72rem}.build-log-list{flex-direction:column;gap:36px;max-width:720px;padding-left:28px;display:flex;position:relative}.build-log-list:before{content:"";background:var(--border);width:1px;position:absolute;top:6px;bottom:6px;left:4px}.build-log-item{position:relative}.build-log-item:before{content:"";background:var(--bg-primary,#0f0f0f);border:2px solid var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:-28px}.build-log-stage{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.68rem;display:inline-block}.build-log-title{letter-spacing:-.01em;color:var(--text-primary);margin-bottom:8px;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:600}.build-log-text{color:var(--text-secondary);font-size:.875rem;line-height:1.75}@media (width<=600px){.project-page{padding:64px 24px}.topic-flow,.topic-flow-step-wrap{flex-direction:column;align-items:stretch}.topic-flow-arrow{align-self:center;transform:rotate(90deg)}}