@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Playfair+Display:wght@700;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}:root{--base:#1e1e2e;--mantle:#181825;--crust:#11111b;--surface0:#313244;--surface1:#45475a;--surface2:#585b70;--overlay0:#6c7086;--overlay1:#7f849c;--overlay2:#9399b2;--text:#cdd6f4;--subtext0:#a6adc8;--subtext1:#bac2de;--lavender:#b4befe;--blue:#89b4fa;--sapphire:#74c7ec;--sky:#89dceb;--teal:#94e2d5;--green:#a6e3a1;--yellow:#f9e2af;--peach:#fab387;--maroon:#eba0ac;--red:#f38ba8;--mauve:#cba6f7;--pink:#f5c2e7;--flamingo:#f2cdcd}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--base);color:var(--text);font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.7;overflow-x:hidden}.tag i,.stack-item i{font-size:1em}.si-icon{vertical-align:-.15em;fill:currentColor;width:1em;height:1em;display:inline-block}body:before{content:"";pointer-events:none;z-index:1000;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}.page{max-width:1100px;margin:0 auto;padding:0 2rem}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--surface0);background:#11111bd9;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{color:var(--mauve);letter-spacing:-.5px;font-size:1rem;font-weight:700;text-decoration:none}.nav-brand span{color:var(--overlay1);font-weight:400}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--subtext0);letter-spacing:.05em;font-size:.8rem;text-decoration:none;transition:color .2s;position:relative}.nav-links a:after{content:"";background:var(--mauve);height:1px;transition:transform .2s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--mauve)}.nav-links a:hover:after{transform:scaleX(1)}.hero-layout{justify-content:space-between;align-items:center;gap:3rem;display:flex}.hero-text{flex:1;min-width:0}.hero-icon-wrap{flex-shrink:0;width:300px;height:300px;position:relative}.hero-icon-wrap .hero-icon{width:100%;height:100%;display:block}.hero-icon-wrap:hover .hero-icon{border-color:var(--mauve)}@media (width<=768px){.hero-layout{flex-direction:column-reverse;align-items:flex-start;gap:1.5rem}.hero-icon-wrap{align-self:center;width:150px;height:150px}}#hero{align-items:center;min-height:100vh;padding-top:5rem;display:flex;position:relative;overflow:hidden}.hero-grid-bg{background-image:linear-gradient(var(--surface0) 1px, transparent 1px), linear-gradient(90deg, var(--surface0) 1px, transparent 1px);opacity:.18;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}.hero-glow{pointer-events:none;background:radial-gradient(circle,#cba6f71f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.hero-content{z-index:2;position:relative}.prompt-line{color:var(--green);opacity:0;margin-bottom:.5rem;font-size:.8rem;animation:.6s .2s forwards fadeUp}.prompt-line .at{color:var(--blue)}.prompt-line .dir{color:var(--yellow)}.prompt-line .branch{color:var(--mauve)}h1{letter-spacing:-2px;opacity:0;margin-bottom:1.5rem;font-family:Playfair Display,serif;font-size:7rem;font-weight:900;line-height:1;animation:.7s .4s forwards fadeUp}h1 .accent{color:var(--mauve)}h1 .dim{color:var(--surface2)}.hero-sub{color:var(--subtext0);opacity:0;max-width:520px;margin-bottom:2.5rem;font-size:.9rem;animation:.7s .6s forwards fadeUp}.hero-sub .highlight{color:var(--peach)}.hero-tags{opacity:0;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;animation:.7s .7s forwards fadeUp;display:flex}.tag{background:var(--surface0);border:1px solid var(--surface1);color:var(--subtext1);letter-spacing:.03em;border-radius:3px;align-items:center;gap:.3rem;padding:.2rem .7rem;font-size:.75rem;transition:border-color .2s,color .2s;display:inline-flex}.tag:hover{border-color:var(--mauve);color:var(--mauve)}.tag .icon{color:var(--blue);margin-right:.3rem}.hero-ctas{opacity:0;flex-wrap:wrap;gap:1rem;animation:.7s .85s forwards fadeUp;display:flex}.btn{letter-spacing:.05em;cursor:pointer;border:1.5px solid;border-radius:4px;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--mauve);color:var(--crust);border-color:var(--mauve)}.btn-primary:hover{background:var(--pink);border-color:var(--pink)}.btn-ghost{color:var(--mauve);border-color:var(--surface1);background:0 0}.btn-ghost:hover{border-color:var(--mauve);background:#cba6f714}section{padding:6rem 0}.section-label{color:var(--mauve);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.7rem;display:flex}.section-label:after{content:"";background:linear-gradient(90deg, var(--surface1), transparent);flex:1;height:1px}.section-title{margin-bottom:1rem;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1}.section-desc{color:var(--subtext0);max-width:580px;margin-bottom:3rem;font-size:.85rem}#about,#projects{min-height:200px}#about .about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.about-text p{color:var(--subtext1);margin-bottom:1rem;font-size:.85rem;line-height:1.9}.about-text p .c-mauve{color:var(--mauve)}.about-text p .c-blue{color:var(--blue)}.about-text p .c-green{color:var(--green)}.about-text p .c-peach{color:var(--peach)}.about-text p .c-yellow{color:var(--yellow)}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.stat-card{background:var(--mantle);border:1px solid var(--surface0);border-radius:6px;padding:1.25rem;transition:border-color .2s,transform .2s}.stat-card:hover{border-color:var(--mauve);transform:translateY(-2px)}.stat-value{color:var(--mauve);margin-bottom:.25rem;font-size:1.8rem;font-weight:800;line-height:1}.stat-label{color:var(--overlay0);letter-spacing:.05em;font-size:.72rem}.stack-section{background:var(--mantle);border:1px solid var(--surface0);border-radius:8px;margin-top:2rem;padding:2rem}.stack-category{margin-bottom:1.5rem}.stack-category:last-child{margin-bottom:0}.stack-cat-label{color:var(--overlay0);letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid var(--surface0);margin-bottom:.75rem;padding-bottom:.4rem;font-size:.7rem}.stack-items{flex-wrap:wrap;gap:.5rem;display:flex}.stack-item{background:var(--surface0);border:1px solid var(--surface1);color:var(--subtext1);border-radius:4px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.75rem;transition:all .2s;display:flex}.stack-item:hover{border-color:var(--blue);color:var(--blue)}.stack-dot{border-radius:50%;width:6px;height:6px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.project-card{background:var(--mantle);border:1px solid var(--surface0);cursor:default;border-radius:8px;padding:1.75rem;transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(135deg, var(--accent-color,var(--mauve)) 0%, transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.project-card:hover{border-color:var(--accent-color,var(--mauve));transform:translateY(-4px)}.project-card:hover:before{opacity:.05}.project-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.project-icon{background:var(--surface0);border:1px solid var(--surface1);border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.project-links{gap:.5rem;display:flex}.project-link{background:var(--surface0);border:1px solid var(--surface1);width:28px;height:28px;color:var(--overlay1);border-radius:4px;justify-content:center;align-items:center;font-size:.8rem;text-decoration:none;transition:all .2s;display:flex}.project-link:hover{border-color:var(--accent-color,var(--mauve));color:var(--accent-color,var(--mauve))}.project-name{color:var(--text);margin-bottom:.4rem;font-size:1.05rem;font-weight:700}.project-name .name-accent{color:var(--accent-color,var(--mauve))}.project-desc{color:var(--subtext0);margin-bottom:1.25rem;font-size:.78rem;line-height:1.7}.project-tags{flex-wrap:wrap;gap:.4rem;display:flex}.proj-tag{letter-spacing:.03em;border:1px solid;border-radius:3px;padding:.15rem .5rem;font-size:.68rem}.code-tabs{border-bottom:1px solid var(--surface1);gap:.25rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.code-tab{border:1px solid var(--surface1);color:var(--overlay1);cursor:pointer;letter-spacing:.03em;background:0 0;border-radius:3px;padding:.25rem .65rem;font-family:JetBrains Mono,monospace;font-size:.65rem;transition:all .2s}.code-tab.active,.code-tab:hover{background:var(--surface0);border-color:var(--peach);color:var(--peach)}.code-pane{display:none}.code-pane.active{display:block}.project-card.featured{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;padding:2.5rem;display:grid}.featured-badge{background:linear-gradient(135deg, var(--mauve), var(--pink));color:var(--crust);letter-spacing:.1em;text-transform:uppercase;border-radius:3px;margin-bottom:.75rem;padding:.2rem .6rem;font-size:.65rem;font-weight:700;display:inline-block}.featured-visual{background:var(--crust);border:1px solid var(--surface0);border-radius:6px;padding:1.5rem;font-size:.72rem;line-height:1.6}.featured-visual code{color:var(--peach)}.featured-visual .kw{color:var(--mauve)}.featured-visual .fn{color:var(--blue)}.featured-visual .str{color:var(--green)}.featured-visual .com{color:var(--overlay0)}.featured-visual .type{color:var(--yellow)}.featured-visual .num{color:var(--peach)}.pr-card{background:var(--mantle);border:1px solid var(--surface0);border-radius:8px;align-items:flex-start;gap:1.5rem;margin-bottom:1rem;padding:1.5rem;transition:border-color .2s,transform .2s;display:flex}.pr-card:hover{border-color:var(--green);transform:translate(4px)}.pr-number{color:var(--green);white-space:nowrap;margin-top:.15rem;font-size:.75rem;font-weight:700}.pr-title{color:var(--text);margin-bottom:.3rem;font-size:.9rem;font-weight:600}.pr-desc{color:var(--subtext0);font-size:.78rem;line-height:1.6}.pr-meta{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.pr-badge{border:1px solid var(--green);color:var(--green);letter-spacing:.05em;border-radius:3px;padding:.15rem .5rem;font-size:.65rem}.pr-badge.merged{border-color:var(--mauve);color:var(--mauve)}#contact{text-align:center;padding-bottom:8rem;position:relative}.contact-glow{pointer-events:none;background:radial-gradient(circle,#cba6f714 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}footer{border-top:1px solid var(--surface0);text-align:center;color:var(--overlay0);padding:2rem;font-size:.72rem}footer .heart{color:var(--red)}footer .arch{color:var(--blue)}.blink{color:var(--mauve);animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--mantle)}::-webkit-scrollbar-thumb{background:var(--surface1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--mauve)}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:.4rem;display:none}.nav-hamburger span{background:var(--subtext0);border-radius:2px;width:22px;height:2px;transition:transform .25s,opacity .25s,background .2s;display:block}.nav-hamburger:hover span{background:var(--mauve)}.nav-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=768px){.nav-hamburger{display:flex}.nav-links{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--surface0);z-index:99;background:#11111bf7;flex-direction:column;gap:1.25rem;padding:1.5rem 2rem;display:none;position:fixed;top:57px;left:0;right:0}.nav-links.open{display:flex}.nav-links a{font-size:.9rem}#hero{min-height:auto;padding-top:6rem;padding-bottom:4rem}h1{letter-spacing:-1px;font-size:clamp(2.8rem,12vw,5rem)}.hero-sub{font-size:.82rem}.prompt-line{font-size:.7rem}.hero-ctas{flex-direction:column}.hero-ctas .btn{text-align:center;justify-content:center}#about .about-grid{grid-template-columns:1fr;gap:2rem}.stats-grid{grid-template-columns:1fr 1fr}.projects-grid{grid-template-columns:1fr}.project-card.featured{grid-template-columns:1fr;padding:1.5rem}.featured-visual{display:none}.pr-card{flex-direction:column;gap:.75rem}section{padding:4rem 0}.page{padding:0 1.25rem}.stack-items{gap:.4rem}.stack-item{padding:.25rem .6rem;font-size:.7rem}}@media (width<=480px){h1{font-size:clamp(2.2rem,11vw,3rem)}.hero-tags{gap:.35rem}.tag{padding:.18rem .55rem;font-size:.68rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.stat-value{font-size:1.5rem}.section-title{font-size:1.75rem}.featured-badge{font-size:.6rem}.code-tabs{flex-wrap:wrap}footer{padding:1.5rem 1rem;font-size:.65rem}}