@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.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.p.18a48cbc.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.7a40eb73.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.c995e352.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.76dcb0b2.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.7cd81963.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.3a6ba036.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_b6b43369-module__HeuLya__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_b6b43369-module__HeuLya__variable{--font-body:"Inter","Inter Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.cfdd66c2.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 700;font-display:swap;src:url(../media/28868e710e86be81-s.c30238d4.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 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.4564287c.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_d2a1ec3b-module__cnUgTW__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_d2a1ec3b-module__cnUgTW__variable{--font-display:"Space Grotesk","Space Grotesk Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.f2220059.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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.f6f1950f.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.bd5f4d11.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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.51c18f09.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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.23358719.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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.15008bfb.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:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_6104e6b7-module__s6uLTa__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_6104e6b7-module__s6uLTa__variable{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}
:root{--bg:#050507;--surface:#ffffff08;--surface-hover:#ffffff0e;--border:#ffffff0f;--border-hover:#ffffff24;--text:#e4e4e7;--text-secondary:#71717a;--text-tertiary:#3f3f46;--cyan:#22d3ee;--violet:#8b5cf6;--cyan-dim:#22d3ee14;--violet-dim:#8b5cf614;--cyan-border:#22d3ee2e;--violet-border:#8b5cf62e;--font-display:var(--font-display,"Space Grotesk"),ui-sans-serif,system-ui,sans-serif;--font-body:var(--font-body,"Inter"),ui-sans-serif,system-ui,sans-serif;--font-mono:var(--font-mono,"JetBrains Mono"),ui-monospace,monospace;--radius:16px;--radius-sm:10px;--bg-color:var(--bg);--card-bg:var(--surface);--card-border:var(--border);--glass-hover:var(--surface-hover);--text-main:var(--text);--text-dim:var(--text-secondary);--accent-primary:var(--cyan);--accent-secondary:var(--violet);--accent-tertiary:var(--violet);--accent-glow:#8b5cf666;--font-code:var(--font-mono);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.05rem;--text-lg:1.15rem;--text-xl:1.35rem;--text-2xl:1.75rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--cyan)}.atmosphere{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.mesh{filter:blur(120px);will-change:transform;border-radius:50%;position:absolute}.mesh-1{background:radial-gradient(circle,#22d3ee12 0%,#0000 70%);width:650px;height:650px;animation:24s ease-in-out infinite drift1;top:-200px;left:-120px}.mesh-2{background:radial-gradient(circle,#8b5cf60f 0%,#0000 70%);width:550px;height:550px;animation:28s ease-in-out infinite drift2;top:15%;right:-120px}.mesh-3{background:radial-gradient(circle,#8b5cf60a 0%,#0000 70%);width:450px;height:450px;animation:22s ease-in-out infinite drift3;bottom:25%;left:25%}.mesh-4{background:radial-gradient(circle,#22d3ee0a 0%,#0000 70%);width:500px;height:500px;animation:26s ease-in-out infinite drift4;bottom:-80px;right:15%}@keyframes drift1{0%,to{transform:translate(0)}50%{transform:translate(70px,50px)}}@keyframes drift2{0%,to{transform:translate(0)}50%{transform:translate(-60px,-40px)}}@keyframes drift3{0%,to{transform:translate(0)}50%{transform:translate(40px,-60px)}}@keyframes drift4{0%,to{transform:translate(0)}50%{transform:translate(-45px,35px)}}.navbar{-webkit-backdrop-filter:blur(20px)saturate(1.3);border-bottom:1px solid var(--border);z-index:100;background:#050507a6;padding:18px 0;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 32px;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.3px;color:var(--text);font-size:.95rem;font-weight:700}.nav-links{font-family:var(--font-body);gap:32px;font-size:.875rem;font-weight:500;display:flex}.nav-links a{color:var(--text-secondary);border-bottom:1px solid #0000;padding-bottom:2px;transition:color .2s,border-color .2s}.nav-links a:hover{color:var(--text);border-bottom-color:var(--cyan)}.nav-cta{font-family:var(--font-body);border-radius:var(--radius-sm);border:1px solid var(--border);background:linear-gradient(135deg,#22d3ee14,#8b5cf614);padding:8px 18px;font-size:.8rem;font-weight:600;transition:all .25s;color:var(--text)!important}.nav-cta:hover{border-color:var(--border-hover);background:linear-gradient(135deg,#22d3ee24,#8b5cf624)}.nav-burger{cursor:pointer;z-index:110;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;display:none}.nav-burger span{background:var(--text);transform-origin:50%;border-radius:2px;width:100%;height:2px;transition:all .25s;display:block}.nav-burger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.container{max-width:1200px;margin:0 auto;padding:0 32px;position:relative}.hero{padding-top:180px;padding-bottom:100px}.hero-compact{padding-top:150px;padding-bottom:64px}h1{font-family:var(--font-display);letter-spacing:-1.5px;background:linear-gradient(135deg,#22d3ee 0%,#a78bfa 60%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:clamp(2.8rem,5vw,4.2rem);font-weight:700;line-height:1.1}.hero p{font-family:var(--font-body);color:var(--text-secondary);max-width:500px;margin-bottom:40px;font-size:1.05rem;line-height:1.7}.hero .article-content p{max-width:none}.badge{color:var(--cyan);font-family:var(--font-mono);letter-spacing:.06em;background:linear-gradient(135deg,#22d3ee1a,#8b5cf61a);border:1px solid #22d3ee26;border-radius:100px;margin-bottom:24px;padding:6px 14px;font-size:.7rem;font-weight:700;display:inline-block}.hero-cta{flex-wrap:wrap;gap:14px;display:flex}.cta-btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:12px 28px;font-size:.875rem;font-weight:600;transition:all .25s;display:inline-flex}.cta-btn.primary{color:#050507;background:linear-gradient(135deg,#22d3ee,#8b5cf6) padding-box padding-box;border:1px solid #0000;font-weight:700}.cta-btn.primary:hover{transform:translateY(-1px);box-shadow:0 0 28px #22d3ee33,0 0 56px #8b5cf61f}.cta-btn.secondary{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cta-btn.secondary:hover{border-color:var(--border-hover);color:var(--text)}.bento-section{margin-bottom:80px}.bento-grid{grid-template-rows:auto auto;grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.bento-cell{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:24px;transition:border-color .3s;display:flex}.bento-cell:hover{border-color:var(--border-hover)}.bento-cell-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:16px;font-size:.6rem;font-weight:700}.bento-stat{text-align:center;justify-content:center;align-items:center}.bento-number{font-family:var(--font-display);background:linear-gradient(135deg,var(--cyan),var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.8rem;font-weight:700;line-height:1}.bento-label{font-family:var(--font-body);color:var(--text-secondary);font-size:.8rem;line-height:1.4}.bento-stack{grid-column:span 2}.bento-focus{justify-content:space-between}.bento-focus-text{font-family:var(--font-display);color:var(--text);font-size:1.5rem;font-weight:700;line-height:1.2}.bento-tags{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.bento-tags span{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border);background:#ffffff05;border-radius:8px;padding:6px 14px;font-size:.7rem;font-weight:500;transition:all .2s}.bento-tags span:hover{border-color:var(--cyan-border);color:var(--cyan)}.bento-tag-primary{color:var(--cyan)!important;border-color:var(--cyan-border)!important;background:var(--cyan-dim)!important}.bento-built{grid-column:span 2}.bento-availability{text-align:center;justify-content:center;align-items:center}.bento-availability-text{font-family:var(--font-display);color:var(--cyan);margin-bottom:4px;font-size:1.4rem;font-weight:700;line-height:1.2}.bento-availability-sub{font-family:var(--font-body);color:var(--text-secondary);font-size:.8rem}@media (max-width:768px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-number{font-size:2.2rem}}.timeline-section{margin-bottom:80px}.timeline{padding-left:32px;position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:4px;bottom:4px;left:7px}.timeline-item{gap:24px;padding-bottom:36px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";background:var(--bg);border:2px solid var(--cyan);z-index:1;border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:-28px;box-shadow:0 0 8px #22d3ee40}.timeline-year{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.02em;flex-shrink:0;padding-top:1px;font-size:.75rem;font-weight:700}.timeline-content{flex:1;min-width:0}.timeline-title{font-family:var(--font-display);color:var(--text);margin-bottom:6px;font-size:1.05rem;font-weight:600}.timeline-desc{font-family:var(--font-body);color:var(--text-secondary);font-size:.875rem;line-height:1.6}@media (max-width:768px){.info-strip{gap:10px;margin:48px 0;padding:16px 0;font-size:.7rem}.info-strip-dot{display:none}.timeline{padding-left:28px}.timeline-item{gap:16px}}.home-section{margin-bottom:80px}.section-header-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.section-header-row .section-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-link{font-family:var(--font-mono);letter-spacing:.02em;flex-shrink:0;font-size:.75rem;font-weight:600;transition:color .2s;color:var(--cyan)!important}.section-link:hover{color:#67e8f9!important}.section-header{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:32px;padding-bottom:16px;font-size:.85rem;font-weight:700;display:flex}.section-header:before{content:"";background:linear-gradient(135deg,var(--cyan),var(--violet));border-radius:50%;width:7px;height:7px;display:block;box-shadow:0 0 10px #22d3ee4d}.blog-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.blog-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);color:inherit;text-decoration:none;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--border-hover);color:inherit;transform:translateY(-2px);box-shadow:0 8px 32px -8px #22d3ee0f,0 4px 16px -4px #8b5cf60a}.blog-card-image{flex-shrink:0;width:180px;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card:hover .blog-card-image img{transform:scale(1.04)}.blog-card-body{flex-direction:column;flex:1;min-width:0;padding:20px 24px;display:flex}.blog-card-meta{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:.65rem;font-weight:600}.blog-card-title{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:1.1rem;font-weight:600;line-height:1.3}.blog-card-desc{font-family:var(--font-body);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:auto;font-size:.8rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card .card-arrow{align-self:flex-end;margin-top:12px}.card{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;height:100%;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;overflow:hidden}.card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 8px 32px -8px #22d3ee12,0 4px 16px -4px #8b5cf60d}.card-cover{aspect-ratio:16/10;background:linear-gradient(135deg,#22d3ee0f,#8b5cf60f);flex-shrink:0;position:relative;overflow:hidden}.card-cover img{object-fit:cover;object-position:top left;width:100%;height:100%;transition:transform .5s}.card:hover .card-cover img{transform:scale(1.04)}.card-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000,#05050780);height:50%;position:absolute;bottom:0;left:0;right:0}.card-cover-gradient{width:100%;height:100%}.card-status{font-family:var(--font-mono);letter-spacing:.04em;border-radius:100px;align-self:flex-start;margin-bottom:10px;padding:4px 10px;font-size:.6rem;font-weight:700;display:inline-block}.card-status.live{color:#34d399;background:#34d3991f;border:1px solid #34d39933}.card-status.archived{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff14}.card-status.beta{color:var(--violet);border:1px solid var(--violet-border);background:#8b5cf61f}.card-body{flex-direction:column;flex:1;padding:20px 24px 24px;display:flex}.card-title{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:1.15rem;font-weight:600}.card-desc{font-family:var(--font-body);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:auto;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.card-meta{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.card-stack{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-right:12px;font-size:.7rem;overflow:hidden}.card-arrow{color:var(--cyan);flex-shrink:0;font-size:1.1rem;transition:transform .25s}.card:hover .card-arrow{transform:translate(4px)}.tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tag,.tech-pill{font-size:.7rem;font-family:var(--font-mono);color:var(--violet);background:var(--violet-dim);border:1px solid var(--violet-border);border-radius:6px;padding:4px 10px;font-weight:500;transition:border-color .2s}.tech-pill{align-items:center;margin-right:6px;padding:5px 12px;display:inline-flex}.tag:hover,.tech-pill:hover{border-color:#8b5cf659}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;margin-bottom:24px;display:grid}.featured-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.blog-item{border-bottom:1px solid var(--border);padding:28px 0;text-decoration:none;transition:border-color .3s;display:block}.blog-item:hover{border-bottom-color:var(--border-hover)}.blog-item:hover .blog-thumbnail img{transform:scale(1.03)}.blog-item-main{align-items:flex-start;gap:24px;margin-top:12px;display:flex}.blog-item-content{flex:1;min-width:0}.blog-thumbnail{border-radius:var(--radius-sm);border:1px solid var(--border);flex-shrink:0;width:200px;height:130px;position:relative;overflow:hidden}.blog-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-meta{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:.7rem;font-weight:500;overflow:hidden}.blog-title{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:1.35rem;font-weight:600;line-height:1.3}.blog-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.skills-section{margin-top:96px;margin-bottom:96px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.skill-block{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:20px 24px;transition:border-color .25s,box-shadow .25s}.skill-block:hover{border-color:var(--border-hover);box-shadow:0 4px 20px -4px #8b5cf60f}.skill-block.open{border-color:var(--violet-border)}.skill-block-header{justify-content:space-between;align-items:center;display:flex}.skill-block-label{font-family:var(--font-display);color:var(--cyan);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.skill-block-toggle{font-family:var(--font-mono);color:var(--text-tertiary);font-size:.7rem;transition:color .2s}.skill-block:hover .skill-block-toggle,.skill-block.open .skill-block-toggle{color:var(--text-secondary)}.skill-block-pills{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;display:none}.skill-block.open .skill-block-pills{display:flex}.skill-pill{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border);background:#ffffff08;border-radius:6px;padding:5px 12px;font-size:.7rem;transition:all .2s}.skill-pill:hover{color:var(--text);border-color:var(--border-hover)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:200;opacity:0;pointer-events:none;background:#000000bf;justify-content:center;align-items:center;padding:24px;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:all}.modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius);background:#0a0a0eeb;width:100%;max-width:720px;max-height:85vh;transition:transform .3s;position:relative;overflow-y:auto;transform:scale(.96)translateY(8px);box-shadow:0 24px 64px -16px #0009,0 0 48px -12px #8b5cf60f}.modal-overlay.active .modal{transform:scale(1)translateY(0)}.modal::-webkit-scrollbar{width:4px}.modal::-webkit-scrollbar-track{background:0 0}.modal::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:4px}.modal-close{float:right;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;z-index:10;background:#050507b3;border-radius:50%;justify-content:center;align-items:center;margin:16px 16px 8px 0;font-size:1.2rem;transition:all .2s;display:flex;position:sticky;top:0}.modal-close:hover{color:var(--text);border-color:var(--border-hover)}.modal-gallery{border-radius:var(--radius)var(--radius)0 0;background:#0a0a0c;width:100%;height:400px;margin-top:-44px;position:relative;overflow:hidden}.modal-gallery-track{height:100%;transition:transform .4s;display:flex}.modal-gallery-slide{justify-content:center;align-items:center;min-width:100%;height:100%;display:flex;position:relative}.modal-gallery-slide img{object-fit:contain;width:100%;height:100%}.modal-gallery-gradient{width:100%;height:100%}.modal-gallery-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:5;background:#05050799;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.modal-gallery-nav:hover{border-color:var(--cyan-border);background:var(--cyan-dim)}.modal-gallery-nav.prev{left:12px}.modal-gallery-nav.next{right:12px}.modal-gallery-dots{z-index:5;gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.modal-gallery-dot{cursor:pointer;background:#fff3;border-radius:50%;width:6px;height:6px;transition:all .2s}.modal-gallery-dot:hover{background:#fff6}.modal-gallery-dot.active{background:var(--cyan);box-shadow:0 0 8px #22d3ee66}.modal-body{padding:28px 32px 32px}.modal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.modal-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.modal-title{font-family:var(--font-display);font-size:1.4rem;font-weight:600}.modal-status{font-family:var(--font-mono);white-space:nowrap;letter-spacing:.02em;border-radius:100px;padding:4px 12px;font-size:.7rem;font-weight:600}.modal-status.live{color:#34d399;background:#34d39914;border:1px solid #34d3992e}.modal-status.archived{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff08}.modal-status.beta{color:var(--violet);background:var(--violet-dim);border:1px solid var(--violet-border)}.modal-desc{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:24px;font-size:.9rem;line-height:1.7}.modal-section-label{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:.65rem;font-weight:700}.modal-role{font-family:var(--font-body);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05;margin-bottom:24px;padding:16px;font-size:.875rem;line-height:1.6}.modal-role-lead{color:var(--text);margin:0 0 12px;font-weight:600}.modal-role-list{margin:0;padding:0 0 0 4px;list-style:none}.modal-role-list li{padding-left:14px;position:relative}.modal-role-list li+li{margin-top:6px}.modal-role-list li:before{content:"";background:var(--text-secondary);opacity:.5;border-radius:50%;width:4px;height:4px;position:absolute;top:.7em;left:0}.modal-stack{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.modal-links{flex-wrap:wrap;gap:12px;display:flex}.modal-link{font-family:var(--font-body);color:var(--text);border-radius:var(--radius-sm);border:1px solid var(--border);background:linear-gradient(135deg,#22d3ee0f,#8b5cf60f);padding:8px 18px;font-size:.8rem;font-weight:600;transition:all .25s}.modal-link:hover{border-color:var(--border-hover);color:var(--cyan);background:linear-gradient(135deg,#22d3ee1f,#8b5cf61f)}footer{border-top:1px solid var(--border);text-align:center;margin-top:80px;padding:48px 0}.footer-cta-text{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:20px;font-size:1rem}footer .cta-btn{margin-bottom:32px}.footer-social{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;display:flex}.footer-link{font-family:var(--font-body);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .2s}.footer-link:hover{color:var(--cyan);border-color:var(--cyan-border)}.footer-copy{font-family:var(--font-mono);color:var(--text-tertiary);font-size:.7rem}.article{max-width:720px;margin:0 auto;padding-bottom:80px}.article-back{font-family:var(--font-body);color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:48px;font-size:.875rem;transition:color .2s;display:inline-flex}.article-back:hover{color:var(--cyan)}.article-meta{font-family:var(--font-mono);color:var(--text-tertiary);align-items:center;gap:16px;margin-bottom:16px;font-size:.7rem;display:flex}.article-category{color:var(--violet);background:var(--violet-dim);border:1px solid var(--violet-border);border-radius:6px;padding:4px 10px}.article-tags{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.article-separator{border:none;border-top:1px solid var(--border);margin-bottom:40px}.article h1{margin-bottom:20px;font-size:clamp(2rem,4vw,3rem)}.article-cover{margin-bottom:32px;position:relative}.article-cover img{object-fit:cover;border-radius:var(--radius);width:100%;max-height:420px}.article-content{width:100%}.article-content p{color:#ffffffbf;margin-bottom:24px;font-size:1rem;line-height:1.8}.article-content h2{font-family:var(--font-display);color:var(--text);margin-top:48px;margin-bottom:16px;font-size:1.4rem;font-weight:600}.article-content pre{border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:#ffffffd9;background:#ffffff05;margin-bottom:24px;padding:20px 24px;font-size:.85rem;line-height:1.7;overflow-x:auto}.article-content pre .code-lang{color:var(--violet);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.65rem;font-weight:700;display:block}.article-content code{font-family:var(--font-mono);color:var(--cyan);background:#8b5cf614;border-radius:4px;padding:2px 6px;font-size:.85em}.article-content pre code{color:inherit;font-size:inherit;background:0 0;border-radius:0;padding:0}.article-content img{border-radius:var(--radius-sm);cursor:zoom-in;max-width:100%;height:auto;margin:32px auto;transition:opacity .2s;display:block}.article-content img:hover{opacity:.85}.image-lightbox{z-index:9999;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.image-lightbox img{object-fit:contain;border-radius:8px;max-width:90vw;max-height:90vh}.contact-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.contact-modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius);background:#0a0a0eeb;width:100%;max-width:360px;padding:32px;position:relative;box-shadow:0 24px 64px -16px #00000080,0 0 40px -12px #8b5cf60f}.contact-modal .modal-close{position:absolute;top:16px;right:16px}.contact-modal h3{font-family:var(--font-display);margin-bottom:24px;font-size:1.3rem;font-weight:600}.contact-options{flex-direction:column;gap:10px;display:flex}.contact-option{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);text-align:center;padding:14px 20px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .25s;display:block}.contact-option:hover{border-color:var(--cyan-border);background:var(--cyan-dim);color:var(--cyan)}.cv-gate-desc{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:20px;font-size:.875rem;line-height:1.5}.cv-gate-form{flex-direction:column;gap:12px;display:flex}.cv-gate-input{font-family:var(--font-body);border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text);background:#ffffff08;outline:none;padding:12px 16px;font-size:.875rem;transition:border-color .2s}.cv-gate-input:focus{border-color:var(--cyan-border)}.cv-gate-input::placeholder{color:var(--text-tertiary)}.cv-gate-textarea{resize:vertical;min-height:72px;font-family:var(--font-body);line-height:1.5}.cv-gate-error{font-family:var(--font-mono);color:#f87171;font-size:.7rem}.cv-gate-done{font-family:var(--font-body);color:var(--text-secondary);font-size:.9rem;line-height:1.6}.cv-gate-done a{color:var(--cyan);text-decoration:underline}.article-content blockquote{border-left:2px solid var(--violet);background:var(--violet-dim);border-radius:0 var(--radius-sm)var(--radius-sm)0;color:#ffffffb3;margin:32px 0;padding:16px 24px;font-style:italic;line-height:1.7}.article-content ul{margin-bottom:24px;padding-left:0;list-style:none}.article-content ul li{color:#ffffffbf;margin-bottom:10px;padding-left:20px;line-height:1.7;position:relative}.article-content ul li:before{content:">";color:var(--cyan);font-family:var(--font-mono);font-weight:700;position:absolute;left:0}.article-nav{border-top:1px solid var(--border);justify-content:space-between;gap:16px;margin-top:64px;padding-top:32px;display:flex}.article-nav a{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;flex:1;gap:4px;min-width:0;padding:16px 20px;transition:all .25s;display:flex}.article-nav a:hover{border-color:var(--border-hover);color:inherit;box-shadow:0 4px 16px -4px #8b5cf60f}.article-nav-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-size:.65rem;font-weight:700}.article-nav-title{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.article-nav a:last-child{text-align:right}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero{animation:.7s ease-out fadeIn}.hero .badge{animation:.7s ease-out 60ms both fadeIn}.hero h1{animation:.7s ease-out .12s both fadeIn}.hero p{animation:.7s ease-out .18s both fadeIn}.hero-cta{animation:.7s ease-out .24s both fadeIn}@media (min-width:1600px){.container,.nav-inner{max-width:1400px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.container,.nav-inner{padding:0 20px}.nav-burger{display:flex}.nav-cta-desktop{display:none}.nav-links{-webkit-backdrop-filter:blur(20px);z-index:105;background:#050507f2;flex-direction:column;justify-content:center;align-items:center;gap:32px;font-size:1.2rem;display:none;position:fixed;inset:0}.nav-links.open{display:flex}.nav-links a{color:var(--text);border-bottom:none;padding:8px 0;font-size:1.2rem}h1{letter-spacing:-1px;font-size:2.2rem}.hero{padding-top:140px;padding-bottom:80px}.hero-cta{flex-direction:column}.cta-btn{text-align:center;justify-content:center}.skills-grid{grid-template-columns:1fr}.skill-block{padding:16px 18px}.modal{max-height:90vh}.modal-gallery{height:260px}.modal-body{padding:20px}.modal-header{flex-direction:column;align-items:flex-start}.modal-overlay{padding:12px}.skills-section{margin-top:56px;margin-bottom:56px}footer{margin-top:56px;padding:36px 0}.section-header{margin-bottom:28px}.featured-grid,.blog-grid{grid-template-columns:1fr}.blog-card{flex-direction:column}.blog-card-image{width:100%;height:160px}.blog-item-main{flex-direction:column}.blog-thumbnail{width:100%;height:180px}.blog-title{font-size:1.15rem}.footer-links{flex-wrap:wrap}.article-nav{flex-direction:column}.article-nav a:last-child{text-align:left}.article-content pre{padding:16px;font-size:.8rem}.mesh-1{width:380px;height:380px}.mesh-2{width:300px;height:300px}.mesh-3{display:none}.mesh-4{width:280px;height:280px}}@media (prefers-reduced-motion:reduce){.hero,.hero .badge,.hero h1,.hero p,.hero-cta,.mesh-1,.mesh-2,.mesh-3,.mesh-4{animation:none}}