@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_a869fe2d-module__Nl2jCG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_a869fe2d-module__Nl2jCG__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_dd167c81-module__yzTZvq__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_dd167c81-module__yzTZvq__variable{--font-space-grotesk:"Space Grotesk", "Space Grotesk Fallback"}
:root{--bg-color:#09090b;--surface-color:#121215;--surface-hover:#1a1a1e;--border-color:#1e1e24;--border-hover:#2e2e38;--primary-accent:#3b82f6;--accent-purple:#8b5cf6;--accent-amber:#f59e0b;--accent-green:#10b981;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--font-sans:var(--font-inter), "Inter", system-ui, -apple-system, sans-serif;--font-space-grotesk:var(--font-space-grotesk), "Space Grotesk", system-ui, sans-serif;--font-mono:"Fira Code", "IBM Plex Mono", monospace;--transition-smooth:all .25s cubic-bezier(.16, 1, .3, 1);--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-color);scroll-padding-top:5.5rem}@media (max-width:768px){html{scroll-padding-top:4.5rem}}html,body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#27272a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-space-grotesk);letter-spacing:-.03em;color:var(--text-primary);font-weight:700;line-height:1.15}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 2rem}@media (max-width:768px){.container{padding:0 1.25rem}}.bg-orb-container{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.bg-grid-overlay{opacity:.6;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.bg-noise-overlay{opacity:.4;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.bg-orb{filter:blur(140px);opacity:.08;mix-blend-mode:screen;will-change:transform;border-radius:50%;position:absolute}.bg-orb-top{background:radial-gradient(circle,#2563eb 0%,#0000 70%);width:60vw;height:60vw;animation:35s ease-in-out infinite alternate orbFloatTop;top:-15vw;left:-15vw}.bg-orb-mid{background:radial-gradient(circle,#8b5cf6 0%,#0000 70%);width:50vw;height:50vw;animation:40s ease-in-out infinite alternate orbFloatMid;top:40%;right:-10vw}.bg-orb-bot{background:radial-gradient(circle,#f59e0b 0%,#0000 70%);width:45vw;height:45vw;animation:45s ease-in-out infinite alternate orbFloatBot;bottom:5vw;left:5vw}@keyframes orbFloatTop{0%{transform:translate(0)scale(1)}to{transform:translate(40px,30px)scale(1.05)}}@keyframes orbFloatMid{0%{transform:translate(0)scale(1)}to{transform:translate(-30px,-40px)scale(1.08)}}@keyframes orbFloatBot{0%{transform:translate(0)scale(1)}to{transform:translate(30px,-20px)scale(.95)}}.navbar{z-index:1000;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);width:100%;transition:var(--transition-smooth);background-color:#09090bcc;position:fixed;top:0;left:0}.navbar-at-top{background-color:#09090b66;border-bottom-color:#0000}.navbar-container{height:4.25rem;max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 2rem;display:flex}@media (max-width:768px){.navbar-container{height:3.75rem;padding:0 1.25rem}}.logo{font-family:var(--font-space-grotesk);letter-spacing:-.03em;color:var(--text-primary);align-items:center;gap:.4rem;font-size:1.25rem;font-weight:700;display:flex}.logo-dot{background-color:var(--primary-accent);border-radius:50%;width:7px;height:7px}.nav-links-wrapper{align-items:center;gap:2rem;display:flex}.nav-links-sections{align-items:center;gap:1.5rem;list-style:none;display:flex}.nav-link{color:var(--text-secondary);transition:var(--transition-smooth);font-size:.95rem;font-weight:500}@media (hover:hover){.nav-link:hover{color:var(--text-primary)}}.nav-links-pages{align-items:center;gap:.75rem;display:flex}.nav-link-now-pill{font-size:.8rem;font-family:var(--font-mono);border:1px solid var(--border-color);color:var(--text-secondary);transition:var(--transition-smooth);background-color:#ffffff0a;border-radius:20px;align-items:center;gap:.4rem;padding:.25rem .65rem;display:flex}.now-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981}.btn-resume-nav{background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-smooth);border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.85rem;font-weight:600;display:flex}@media (hover:hover){.btn-resume-nav:hover{border-color:var(--border-hover);transform:translateY(-1px)}}.hamburger{cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}@media (max-width:900px){.nav-links-wrapper{display:none}.hamburger{display:block}}.mobile-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1500;opacity:0;pointer-events:none;width:100vw;height:100vh;transition:var(--transition-smooth);background:#09090bf2;flex-direction:column;justify-content:center;padding:2rem;display:flex;position:fixed;top:0;left:0}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu-close{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:1.5rem;right:1.5rem}.mobile-menu-content{flex-direction:column;gap:2rem;display:flex}.mobile-menu-sections{flex-direction:column;gap:1.5rem;list-style:none;display:flex}.mobile-menu-link{font-family:var(--font-space-grotesk);color:var(--text-primary);font-size:2rem;font-weight:700}.hero{align-items:center;min-height:70vh;padding-top:6rem;padding-bottom:3rem;display:flex;position:relative}.hero-grid{grid-template-columns:1fr 380px;align-items:center;gap:4rem;width:100%;display:grid}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:2rem}}.hero-title{letter-spacing:-.04em;margin-bottom:.5rem;font-size:4.5rem;font-weight:800;line-height:1.05}@media (max-width:768px){.hero-title{font-size:3rem}}.hero-subtitle{font-family:var(--font-mono);color:var(--primary-accent);margin-bottom:1.25rem;font-size:1.1rem;font-weight:600}.hero-desc{color:var(--text-secondary);max-width:600px;margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.btn-primary{background-color:var(--primary-accent);color:#fff;transition:var(--transition-smooth);border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-size:.95rem;font-weight:600;display:inline-flex}@media (hover:hover){.btn-primary:hover{background-color:#2563eb;transform:translateY(-2px)}.btn-primary:hover .btn-arrow{transform:translate(3px)}}.btn-secondary{background-color:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-size:.95rem;font-weight:600;display:inline-flex}@media (hover:hover){.btn-secondary:hover{background-color:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-2px)}}.btn-arrow{transition:transform .2s}.now-widget-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.now-widget-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.now-widget-title{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.05em;font-size:.75rem;font-weight:700}.now-widget-updated{font-family:var(--font-mono);color:var(--text-muted);font-size:.7rem}.now-widget-item{flex-direction:column;gap:.35rem;display:flex}.now-widget-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700;font-family:var(--font-mono)}.now-widget-value{color:var(--text-primary);font-size:.9rem;font-weight:500}.now-widget-list{color:var(--text-secondary);flex-direction:column;gap:.3rem;font-size:.85rem;list-style:none;display:flex}.now-widget-tags{flex-wrap:wrap;gap:.35rem;display:flex}.now-tag{font-size:.72rem;font-family:var(--font-mono);border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff0a;border-radius:4px;padding:.15rem .5rem}.now-widget-status-badge{font-size:.8rem;font-family:var(--font-mono);color:#10b981;background:#10b98114;border:1px solid #10b98133;border-radius:6px;padding:.4rem .75rem;font-weight:600}.section{border-bottom:1px solid var(--border-color);padding:6rem 0}@media (max-width:768px){.section{padding:4rem 0}}.section-header-block{margin-bottom:3rem}.section-label{font-family:var(--font-mono);color:var(--primary-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.section-title{letter-spacing:-.03em;font-size:2.75rem;font-weight:800}@media (max-width:768px){.section-title{font-size:2rem}}.section-subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:1.1rem}.overview-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (max-width:1024px){.overview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.overview-grid{grid-template-columns:1fr}}.overview-card{background:var(--surface-color);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:12px;padding:1.5rem}@media (hover:hover){.overview-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}}.overview-number{font-family:var(--font-space-grotesk);color:var(--text-primary);margin-bottom:.5rem;font-size:2.75rem;font-weight:800;line-height:1}.overview-label{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:700}.overview-desc{color:var(--text-muted);font-size:.85rem}.philosophy-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;margin-top:3rem;padding:2rem}.philosophy-title{font-family:var(--font-mono);color:var(--primary-accent);text-transform:uppercase;margin-bottom:1rem;font-size:.85rem;font-weight:700}.philosophy-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.philosophy-item{font-family:var(--font-space-grotesk);color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.philosophy-item-num{font-family:var(--font-mono);color:var(--text-muted);font-size:.85rem}.tech-stack-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (max-width:1024px){.tech-stack-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.tech-stack-grid{grid-template-columns:1fr}}.tech-category-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.tech-category-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.tech-category-title{font-size:1.1rem;font-weight:700}.tech-category-stat{font-family:var(--font-mono);color:var(--primary-accent);background:#3b82f61a;border:1px solid #3b82f633;border-radius:4px;padding:.2rem .5rem;font-size:.72rem}.tech-skills-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.tech-skill-item{border:1px solid var(--border-color);transition:var(--transition-smooth);background:#ffffff05;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}@media (hover:hover){.tech-skill-item:hover{border-color:var(--primary-accent);background:#3b82f60d;transform:translateY(-1px)}}.tech-icon-svg{color:var(--text-secondary)}.tech-skill-name{color:var(--text-primary);font-size:.85rem;font-weight:500}.browser-frame-container{border:1px solid var(--border-color);transition:var(--transition-smooth);background:#121216;border-radius:10px;overflow:hidden;box-shadow:0 20px 40px -15px #000000b3}.browser-frame-header{border-bottom:1px solid var(--border-color);background:#18181f;justify-content:space-between;align-items:center;height:36px;padding:0 .85rem;display:flex}.browser-frame-dots{align-items:center;gap:6px;display:flex}.browser-dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.browser-frame-url{font-family:var(--font-mono);color:var(--text-muted);background:#0000004d;border:1px solid #ffffff0d;border-radius:4px;align-items:center;gap:.4rem;padding:.2rem .85rem;font-size:.72rem;display:flex}.browser-frame-body{position:relative;overflow:hidden}.featured-showcase{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;grid-template-columns:1fr 1.1fr;align-items:center;gap:4rem;margin-top:3rem;padding:3rem;display:grid}.featured-showcase.alternate{grid-template-columns:1.1fr 1fr}.featured-showcase.alternate .featured-content{order:2}.featured-showcase.alternate .featured-visual{order:1}@media (max-width:1024px){.featured-showcase,.featured-showcase.alternate{grid-template-columns:1fr;gap:2rem;padding:2rem}.featured-showcase.alternate .featured-content{order:1}.featured-showcase.alternate .featured-visual{order:2}}.featured-content{flex-direction:column;gap:1.25rem;display:flex}.featured-visual{position:relative}.featured-visual img{width:100%;height:auto;transition:transform .3s,filter .3s;display:block}@media (hover:hover){.featured-showcase:hover .featured-visual img{filter:brightness(1.05);transform:scale(1.015)}}.build-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--primary-accent);background-color:#3b82f614;border:1px solid #3b82f64d;border-radius:4px;width:fit-content;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.status-badge{font-family:var(--font-mono);border-radius:4px;align-items:center;gap:.4rem;padding:.2rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.status-live{color:#10b981;background:#10b98114;border:1px solid #10b9814d}.status-progress{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b4d}.status-maintained{color:#3b82f6;background:#3b82f614;border:1px solid #3b82f64d}.status-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px}.psi-block{border:1px solid var(--border-color);background:#00000040;border-radius:8px;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.psi-row{flex-direction:column;gap:.2rem;display:flex}.psi-label{font-family:var(--font-mono);color:var(--primary-accent);text-transform:uppercase;font-size:.7rem;font-weight:700}.psi-text{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.built-with-block{flex-direction:column;gap:.4rem;display:flex}.built-with-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.build-tech-list{flex-wrap:wrap;gap:.4rem;display:flex}.build-tech-pill{font-family:var(--font-mono);color:var(--text-secondary);background:var(--surface-hover);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:4px;padding:.2rem .55rem;font-size:.75rem}@media (hover:hover){.build-tech-pill:hover{border-color:var(--primary-accent);color:var(--text-primary)}}.projects-masonry-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;display:grid}@media (max-width:1024px){.projects-masonry-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.projects-masonry-grid{grid-template-columns:1fr}}.span-2-desktop{grid-column:span 2}@media (max-width:1024px){.span-2-desktop{grid-column:span 1}}.product-card{background:var(--surface-color);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}@media (hover:hover){.product-card:hover{border-color:var(--border-hover);transform:translateY(-4px)}.product-card:hover .product-card-image{filter:brightness(1.05);transform:scale(1.015)}.product-card:hover .product-card-arrow{color:var(--primary-accent);transform:translate(3px)}}.product-card-visual{padding:1rem 1rem 0}.product-card-image{width:100%;height:auto;transition:transform .3s,filter .3s;display:block}.product-card-content{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex}.product-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.product-card-title{justify-content:space-between;align-items:center;font-size:1.5rem;font-weight:800;display:flex}.product-card-arrow{color:var(--text-muted);transition:transform .2s,color .2s}.product-card-oneliner{color:var(--text-secondary);font-size:.95rem}.product-card-actions{border-top:1px solid var(--border-color);align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.timeline-container{flex-direction:column;gap:2rem;max-width:800px;margin-top:3rem;display:flex;position:relative}.timeline-container:before{content:"";background:var(--border-color);width:1px;position:absolute;top:0;bottom:0;left:120px}@media (max-width:640px){.timeline-container:before{left:0}}.timeline-item{grid-template-columns:120px 1fr;gap:2rem;display:grid;position:relative}@media (max-width:640px){.timeline-item{grid-template-columns:1fr;gap:.5rem;padding-left:1.5rem}}.timeline-period{font-family:var(--font-mono);color:var(--primary-accent);font-size:.85rem;font-weight:700}.timeline-card{background:var(--surface-color);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:10px;padding:1.5rem}@media (hover:hover){.timeline-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}}.timeline-role{color:var(--text-primary);font-size:1.25rem;font-weight:800}.timeline-org{font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:.75rem;font-size:.85rem}.timeline-desc{color:var(--text-muted);font-size:.95rem;line-height:1.5}.beyond-code-grid{grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem;display:grid}@media (max-width:900px){.beyond-code-grid{grid-template-columns:1fr;gap:2rem}}.beyond-code-p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:1.1rem;line-height:1.75}.command-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;opacity:0;pointer-events:none;transition:var(--transition-smooth);background:#000000bf;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.command-backdrop.active{opacity:1;pointer-events:auto}.command-palette,.easter-egg-modal{border:1px solid var(--border-color);background:#121216;border-radius:12px;width:100%;max-width:600px;overflow:hidden;box-shadow:0 25px 50px -12px #000c}.command-input-container{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.command-search-icon{color:var(--text-muted)}.command-input{font-family:var(--font-sans);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.command-shortcut{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border-color);background:#ffffff0d;border-radius:4px;padding:.15rem .4rem;font-size:.7rem}.command-list{max-height:320px;padding:.5rem;list-style:none;overflow-y:auto}.command-item{cursor:pointer;transition:var(--transition-smooth);color:var(--text-secondary);border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.command-item.selected,.command-item:hover{background:var(--surface-hover);color:var(--text-primary)}.command-item-left{align-items:center;gap:.75rem;font-size:.95rem;display:flex}.command-palette-hint{border-top:1px solid var(--border-color);font-family:var(--font-mono);color:var(--text-muted);background:#0b0b0e;justify-content:space-between;padding:.65rem 1.25rem;font-size:.7rem;display:flex}.easter-egg-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.easter-egg-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.easter-egg-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;padding:1.5rem}.easter-egg-check{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.drawer-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;opacity:0;pointer-events:none;transition:var(--transition-smooth);background:#000000bf;position:fixed;inset:0}.drawer-backdrop.active{opacity:1;pointer-events:auto}.drawer-container{border:1px solid var(--border-color);z-index:2010;opacity:0;pointer-events:none;width:90vw;max-width:800px;max-height:85vh;transition:var(--transition-smooth);background:#121216;border-radius:16px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-48%)scale(.96);box-shadow:0 25px 50px -12px #000000e6}.drawer-container.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}@media (max-width:900px){.drawer-container{border:none;border-radius:0;width:100vw;height:100vh;max-height:100vh;top:0;left:0;transform:translateY(100%)}.drawer-container.active{transform:translateY(0)}}.drawer-header{border-bottom:1px solid var(--border-color);z-index:10;background:#121216;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex;position:sticky;top:0}.drawer-close{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;width:38px;height:38px;transition:var(--transition-smooth);border-radius:6px;justify-content:center;align-items:center;display:flex}@media (hover:hover){.drawer-close:hover{border-color:var(--primary-accent);color:var(--primary-accent)}}.drawer-content{padding:2rem 1.75rem}.drawer-title{margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.drawer-meta-section{grid-template-columns:auto 1fr;align-items:center;gap:.75rem 1.5rem;display:grid}.drawer-meta-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.drawer-meta-value{color:var(--text-primary);font-size:.95rem}.drawer-body{flex-direction:column;gap:1.75rem;display:flex}.drawer-section-title{font-family:var(--font-mono);color:var(--primary-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem;font-weight:700}.drawer-body-text{color:var(--text-secondary);font-size:1rem;line-height:1.65}.drawer-bullets{flex-direction:column;gap:.5rem;list-style:none;display:flex}.drawer-bullets li{color:var(--text-secondary);padding-left:1.25rem;font-size:.95rem;position:relative}.drawer-bullets li:before{content:"—";color:var(--primary-accent);position:absolute;left:0}.paper-badge-box{color:#10b981;font-family:var(--font-mono);background:#10b98114;border:1px solid #10b98140;border-radius:8px;padding:.75rem 1rem;font-size:.85rem;font-weight:600}.footer{border-top:1px solid var(--border-color);background:#0b0b0e;padding:6rem 0 3rem}.footer-cta-block{text-align:center;max-width:700px;margin:0 auto 5rem}.footer-cta-title{margin-bottom:1rem;font-size:3rem;font-weight:800}@media (max-width:768px){.footer-cta-title{font-size:2.25rem}}.footer-cta-desc{color:var(--text-secondary);margin-bottom:2rem;font-size:1.25rem}.footer-bottom-row{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:2rem;display:flex}.footer-links{gap:1.5rem;list-style:none;display:flex}.footer-link{color:var(--text-secondary);transition:var(--transition-smooth);font-size:.9rem}@media (hover:hover){.footer-link:hover{color:var(--text-primary)}}.footer-copy{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem}