:root{--black:#0a0a0a;--gray-900:#171717;--gray-700:#404040;--gray-500:#737373;--gray-300:#d4d4d4;--gray-200:#e5e5e5;--gray-100:#f2f2f2;--gray-50:#fafafa;--white:#fff;--blue:#2563eb;--blue-dark:#1d4ed8;--blue-tint:#eff4ff;--radius:10px;--maxw:1200px;--border:#e6e6e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--gray-900);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}code,.mono{font-family:JetBrains Mono,monospace}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}section{padding:88px 0}section.alt{background:var(--gray-50);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-head{max-width:640px;margin-bottom:48px}.section-tag{color:var(--blue);margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:500;display:block}h2.section-title{letter-spacing:-.02em;margin:0 0 12px;font-size:32px;font-weight:800}.section-sub{color:var(--gray-500);margin:0;font-size:15.5px;line-height:1.6}.btn{border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--black);color:var(--white)}.btn-primary:hover{background:var(--blue)}.btn-secondary{background:var(--white);color:var(--gray-900);border-color:var(--border)}.btn-secondary:hover{border-color:var(--gray-900)}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill{color:var(--gray-700);background:var(--gray-100);border:1px solid var(--border);border-radius:100px;padding:6px 12px;font-size:13px;font-weight:500}.tag-row{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tag{color:var(--gray-700);background:var(--gray-100);border-radius:6px;padding:5px 10px;font-size:12.5px}.tech-row{flex-wrap:wrap;gap:6px;display:flex}.tech-tag{color:var(--gray-700);border:1px solid var(--border);border-radius:6px;padding:4px 9px;font-family:JetBrains Mono,monospace;font-size:12px}@media (width<=560px){.wrap{padding:0 20px}section{padding:64px 0}.section-head{margin-bottom:32px}h2.section-title{font-size:26px}.section-sub{font-size:14.5px}}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.loader{z-index:9999;background:var(--black);opacity:1;visibility:visible;justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}.loader.leaving{opacity:0;visibility:hidden;pointer-events:none}.loader-logo{width:96px;height:96px;animation:1.1s step-end infinite loader-blink}@keyframes loader-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.loader-logo{opacity:1;animation:none}}header{z-index:100;background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0}nav.wrap{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-name{letter-spacing:.01em;align-items:baseline;gap:6px;font-family:Permanent Marker,cursive;font-size:22px;font-weight:400;line-height:1;display:flex}.brand-first{color:#0b0d12}.brand-last{background:linear-gradient(90deg,#4da3ff 0%,#1a56db 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brand-logo{object-fit:contain;border-radius:10px;width:52px;height:52px}.nav-links{align-items:center;gap:36px;display:flex}.nav-links a{color:var(--gray-700);font-size:14px;font-weight:500;transition:color .15s}.nav-links a:hover{color:var(--black)}.nav-toggle{cursor:pointer;background:0 0;border:none;padding:8px;display:none}.nav-toggle span{background:var(--black);width:22px;height:2px;margin:5px 0;transition:transform .25s,opacity .25s;display:block}.nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=860px){nav.wrap{position:relative}.nav-links{background:var(--white);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;flex-direction:column;align-items:stretch;gap:0;transition:opacity .2s,transform .2s;position:absolute;top:72px;left:0;right:0;transform:translateY(-8px)}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a{border-bottom:1px solid var(--border);width:100%;padding:16px 32px;display:block}.nav-toggle{display:block}}@media (width<=400px){.brand-logo{width:40px;height:40px}.brand-name{font-size:18px}}.hero{border-bottom:1px solid var(--border);padding:48px 0 80px;position:relative;overflow:hidden}.hero-canvas{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-grid{z-index:1;grid-template-columns:1.4fr 1fr;align-items:center;gap:56px;display:grid;position:relative}.hero-media{justify-content:center;margin-top:-96px;display:flex}.hero-img{object-fit:contain;filter:grayscale();width:100%;max-width:420px;height:auto}.eyebrow{color:var(--gray-500);border:1px solid var(--border);border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:12.5px;display:inline-flex}.dot{background:#22c55e;border-radius:50%;width:6px;height:6px;display:inline-block}.hero-title{letter-spacing:-.03em;max-width:820px;margin:0 0 20px;font-size:56px;font-weight:800;line-height:1.05}.hero-title .accent{color:var(--blue)}.hero-role{background:linear-gradient(90deg, var(--blue) 0%, #7c3aed 50%, var(--blue) 100%);color:#0000;-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-size:19px;font-weight:600;animation:4s linear infinite hero-role-shimmer}@keyframes hero-role-shimmer{0%{background-position:0%}to{background-position:200%}}@media (prefers-reduced-motion:reduce){.hero-role{animation:none}}.hero-desc{color:var(--gray-500);max-width:640px;margin:0 0 36px;font-size:16px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:48px;display:flex}.hero-stats{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:24px;max-width:760px;padding-top:32px;display:grid}.stat-num{letter-spacing:-.02em;font-size:28px;font-weight:800}.stat-num span{color:var(--blue)}.stat-label{color:var(--gray-500);margin-top:4px;font-size:13px}@media (width<=860px){.hero-title{font-size:38px}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr;gap:40px}}@media (width<=560px){.hero{padding:40px 0 56px}.hero-title{font-size:30px}.hero-role{font-size:16px}.hero-desc{margin-bottom:28px;font-size:15px}.hero-actions{margin-bottom:36px}.hero-actions .btn{flex:100%;justify-content:center}.hero-stats{gap:16px;padding-top:24px}.stat-num{font-size:24px}.eyebrow{margin-bottom:20px}.hero-media{margin-top:0}.hero-img{max-width:260px}}.about-grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:64px;display:grid}.about-text p{color:var(--gray-700);margin:0 0 18px;font-size:16px;line-height:1.75}.about-list{border-top:1px solid var(--border);margin-top:96px}.about-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 0;font-size:14px;display:flex}.about-list li span:first-child{color:var(--gray-500)}.about-list li span:last-child{font-weight:600}@media (width<=860px){.about-grid{grid-template-columns:1fr;gap:36px}.about-list{margin-top:0}}.timeline{border-left:2px solid var(--border);max-width:820px;padding-left:32px;animation:2.4s ease-in-out infinite timeline-blink;position:relative}@keyframes timeline-blink{0%,to{border-color:var(--border)}50%{border-color:var(--blue)}}.timeline-item{padding-bottom:8px;position:relative}.timeline-item:before{content:"";background:var(--white);border:2px solid var(--blue);border-radius:50%;width:12px;height:12px;position:absolute;top:1px;left:-32px;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.timeline{animation:none}}.timeline-role{letter-spacing:-.01em;margin:0 0 4px;font-size:20px;font-weight:700}.timeline-meta{color:var(--gray-500);margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:13.5px}.card{--card-gap:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--white);flex-direction:column;height:100%;padding:28px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.card:hover{border-color:var(--gray-300);transform:translateY(-2px);box-shadow:0 4px 20px #0000000d}.card-top{margin-bottom:var(--card-gap);justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-title{letter-spacing:-.01em;font-size:19px;font-weight:700}.card-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--blue);background:var(--blue-tint);border-radius:5px;flex-shrink:0;padding:4px 9px;font-size:11px;font-weight:700}.card-desc{color:var(--gray-500);margin:0 0 var(--card-gap);font-size:14px}.card-links{margin-bottom:var(--card-gap);flex-wrap:wrap;gap:8px;display:flex}.card-btn{border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.card-btn:hover{transform:translateY(-1px)}.card-btn-icon{width:16px;height:16px;font-size:15px;line-height:1}.card-btn-primary{background:var(--black);color:var(--white)}.card-btn-primary:hover{background:var(--blue)}.card-btn-secondary{background:var(--white);color:var(--gray-700);border-color:var(--border)}.card-btn-secondary:hover{border-color:var(--gray-900)}.private-badge{color:var(--gray-500);background:var(--gray-100);border:1px solid var(--border);margin-bottom:var(--card-gap);border-radius:100px;align-items:center;gap:7px;padding:8px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.card-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);margin-bottom:10px;font-size:11px;font-weight:700}.card .tag-row{margin-bottom:var(--card-gap)}.featured-grid,.project-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;margin-bottom:24px;display:grid}@media (width<=860px){.featured-grid,.project-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.featured-grid,.project-grid{grid-template-columns:1fr}}.tech-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.tech-cat{background:var(--white);padding:26px 28px}.tech-cat h3{text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);margin:0 0 16px;font-size:13px;font-weight:700}.tech-cat ul{flex-direction:column;gap:10px;display:flex}.tech-cat li{color:var(--gray-900);align-items:center;gap:9px;font-size:14.5px;font-weight:500;display:flex}.tech-icon{width:16px;height:16px;color:var(--gray-500);flex-shrink:0}.tech-dot{background:var(--gray-500);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin:0 5px}@media (width<=860px){.tech-grid{grid-template-columns:1fr}}@media (width<=560px){.tech-cat{padding:20px}}.build-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.build-chip{border:1px solid var(--border);border-radius:var(--radius);text-align:center;background:var(--white);flex-direction:column;align-items:center;gap:10px;padding:20px;font-size:14.5px;font-weight:600;transition:all .15s;display:flex}.build-chip-icon{width:24px;height:24px;color:var(--gray-500);transition:color .15s}.build-chip:hover .build-chip-icon{color:var(--white)}.build-chip:hover{background:var(--black);color:var(--white);border-color:var(--black)}@media (width<=860px){.build-grid{grid-template-columns:1fr 1fr}}@media (width<=400px){.build-grid{grid-template-columns:1fr}}.skills-wrap{flex-wrap:wrap;gap:10px;display:flex}.skill-pill{border:1px solid var(--border);color:var(--gray-700);border-radius:100px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;display:inline-flex}.skill-pill-icon{width:16px;height:16px;color:var(--gray-500);flex-shrink:0}.skill-dot{background:var(--gray-500);border-radius:50%;flex-shrink:0;width:6px;height:6px}.contact{border:1px solid var(--border);text-align:center;background:var(--gray-50);border-radius:16px;padding:64px 48px}.contact h2{letter-spacing:-.02em;margin:0 0 14px;font-size:34px;font-weight:800}.contact p{color:var(--gray-500);margin:0 0 32px;font-size:16px}.contact-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-icon{color:currentColor;width:18px;height:18px}@media (width<=860px){.contact{padding:48px 24px}}footer{border-top:1px solid var(--border);padding:32px 0}.footer-row{color:var(--gray-500);grid-template-columns:1fr auto 1fr;justify-content:space-between;align-items:center;gap:16px;font-size:13.5px;display:grid}.footer-copy{justify-self:start}.footer-links{justify-self:center;align-items:center;gap:22px;display:flex}.footer-socials{justify-self:end;align-items:center;gap:22px;display:flex}.footer-links a:hover{color:var(--black)}.footer-social{align-items:center;gap:6px;display:inline-flex}.footer-icon{width:15px;height:15px;color:var(--gray-500);transition:color .15s}.footer-social:hover .footer-icon{color:var(--black)}@media (width<=720px){.footer-row{text-align:center;grid-template-columns:1fr;justify-items:center;gap:14px}.footer-copy,.footer-links,.footer-socials{justify-self:center}}.scroll-to-top{width:44px;height:44px;color:var(--white);background:var(--black);border:1px solid var(--border);cursor:pointer;opacity:0;visibility:hidden;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(12px)}.scroll-to-top:hover{background:var(--blue);transform:translateY(-2px)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}@media (width<=560px){.scroll-to-top{bottom:16px;right:16px}}