@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_2fe1ab3d-module__-T-KAq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_2fe1ab3d-module__-T-KAq__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--bg-color:#000;--bg-secondary:#050505;--border-color:#1a1a1f;--text-primary:#fff;--text-secondary:#a1a1aa;--accent:#6366f1;--glass-border:#ffffff14;--accent-glow:#6366f159;--sidebar-width:280px;--font-primary:var(--font-inter), system-ui, -apple-system, sans-serif;--font-header:var(--font-inter), system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(13px,.6vw + 6px,18px)}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4{color:#fff;letter-spacing:-.02em;font-weight:700}.app-container{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);flex:1;max-width:1200px;margin-right:auto;padding:4rem}@keyframes liquid-gradient-motion{0%{transform:rotate(0)translate(-8%,-8%)scale(1.1)}33%{transform:rotate(120deg)translate(8%,-12%)scale(1.25)}66%{transform:rotate(240deg)translate(-12%,10%)scale(1.15)}to{transform:rotate(360deg)translate(-8%,-8%)scale(1.1)}}@keyframes liquid-glow-pulse{0%,to{opacity:.45}50%{opacity:.75}}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(32px);z-index:100;background:#050505d9;border-right:1px solid #ffffff14;flex-direction:column;height:100vh;padding:2.5rem 1.8rem;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:10px 0 35px #000000b3}.glass-panel,.apple-liquid-glass,.liquid-widget{-webkit-backdrop-filter:blur(36px)saturate(190%);z-index:1;background:#000000c7;border:1px solid #ffffff1a;border-color:#ffffff38 #ffffff1a #ffffff1a #ffffff24;border-radius:20px;padding:2rem;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 20px 48px #000000d9,0 8px 24px #0009,inset 0 1px #ffffff29,inset 0 -1px #0009}.glass-panel>*,.apple-liquid-glass>*,.liquid-widget>*{z-index:2;position:relative}.glow-primary{box-shadow:0 4px 18px #6366f159}.glow-primary:hover{box-shadow:0 8px 28px #6366f18c}.glow-success{box-shadow:0 4px 18px #10b98159}.glow-success:hover{box-shadow:0 8px 28px #10b9818c}.glass-panel:before,.apple-liquid-glass:before,.liquid-widget:before{content:"";filter:blur(45px);pointer-events:none;z-index:0;opacity:.55;background:radial-gradient(circle at 35% 35%,#6366f138 0%,#a855f729 28%,#38bdf81f 50%,#0000 70%);width:200%;height:200%;transition:opacity .5s;animation:16s ease-in-out infinite liquid-gradient-motion,8s ease-in-out infinite liquid-glow-pulse;position:absolute;top:-50%;left:-50%}.glass-panel:after,.apple-liquid-glass:after,.liquid-widget:after{content:"";opacity:.7;pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000 0%,#ffffff40 25%,#ffffffbf 50%,#ffffff40 75%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.glass-panel:hover,.apple-liquid-glass:hover,.liquid-widget:hover{border-color:#ffffff73 #ffffff3d #ffffff3d;transform:translateY(-4px);box-shadow:0 28px 65px #000000f2,0 12px 30px #6366f140,inset 0 1px #ffffff4d,inset 0 -1px #0009}.glass-panel:hover:before,.apple-liquid-glass:hover:before,.liquid-widget:hover:before{opacity:.85}.premium-gradient-text{color:#fff}.pill{-webkit-backdrop-filter:blur(16px);color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-top-color:#ffffff38;border-radius:9999px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 15px #0003,inset 0 1px #ffffff2e}.pill:hover{color:#fff;background:#ffffff1a;border-color:#ffffff3d;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d,0 0 20px #6366f140}.pill.accent{background:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:0 4px 16px var(--accent-glow)}.nav-item{color:var(--text-secondary);z-index:1;border-radius:12px;align-items:center;gap:1rem;padding:.85rem 1.1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff0a}.nav-item.active{color:#fff;font-weight:600}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.nav-links{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:.3rem;margin-top:.5rem;display:flex;overflow-y:auto}.nav-links::-webkit-scrollbar{display:none}.profile-info{margin-top:1.5rem}.mobile-social-links{display:none}.search-toggle-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-secondary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 15px var(--accent-glow)!important;background:#ffffff0d!important}input::placeholder,textarea::placeholder{color:#ffffff4d}.status-indicator{text-transform:uppercase;letter-spacing:.05em;color:#10b981;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;font-weight:600;display:flex}.status-dot{background:#10b981;border-radius:50%;width:8px;height:8px}.mnb-root{display:none}@keyframes mnb-shimmer{0%{transform:translate(-120%)skew(-18deg)}to{transform:translate(220%)skew(-18deg)}}@keyframes mnb-border-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes mnb-breathe{0%,to{box-shadow:0 16px 48px #000000b8,0 0 28px #6366f138,inset 0 1px #ffffff1a}50%{box-shadow:0 20px 56px #000000c2,0 0 42px #6366f161,0 0 70px #a855f724,inset 0 1px #ffffff24}}@media (max-width:1024px){.sidebar{display:none!important}.main-content{margin-left:0;padding:1.5rem 1.25rem 6.5rem!important}.mnb-root{bottom:max(1rem, env(safe-area-inset-bottom,0px));z-index:9999;-webkit-backdrop-filter:blur(28px)saturate(180%);background:#000000e0;border:1px solid #ffffff1f;border-top-color:#ffffff38;border-radius:9999px;justify-content:space-around;align-items:center;gap:.15rem;width:auto;max-width:calc(100vw - 1.8rem);padding:.38rem .5rem;position:fixed;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 48px #000c,inset 0 1px #ffffff1f;display:flex!important}.mnb-shimmer{pointer-events:none;z-index:0;border-radius:9999px;position:absolute;inset:0;overflow:hidden}.mnb-shimmer:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff21 45%,#ffffff38 50%,#ffffff21 55%,#0000 100%);width:40%;height:160%;animation:3.2s cubic-bezier(.4,0,.6,1) infinite mnb-shimmer;position:absolute;top:-30%;left:0}.mnb-item{color:#b4b9d2b3;cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent;user-select:none;background:0 0;border:none;border-radius:9999px;flex-direction:column;justify-content:center;align-items:center;min-width:50px;padding:.44rem .62rem;text-decoration:none;transition:color .22s;display:flex;position:relative}.mnb-item.mnb-active{color:#fff}.mnb-pill{z-index:-1;-webkit-backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #ffffff29;border-top-color:#ffffff47;border-radius:9999px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff38,0 4px 16px #00000080}.mnb-ai-active .mnb-pill{background:#ffffff24;border-color:#ffffff38;box-shadow:inset 0 1px #ffffff4d,0 4px 16px #00000080}.mnb-icon{justify-content:center;align-items:center;margin-bottom:3px;line-height:1;transition:color .22s,filter .22s;display:flex}.mnb-active .mnb-icon{color:#fff;filter:drop-shadow(0 0 6px #ffffff59)}.mnb-label{letter-spacing:.03em;white-space:nowrap;font-size:.575rem;font-weight:600;line-height:1;transition:color .22s,opacity .22s}.mnb-action{cursor:pointer}}@media (min-width:1025px){.mnb-root{display:none!important}}.mobile-bottom-nav{display:none}@media (max-width:1024px){.mobile-bottom-nav{display:none!important}}.hero-content-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:flex-start;gap:4rem;margin-bottom:5rem;display:grid}.featured-showcase-panel{content-visibility:auto;contain-intrinsic-size:auto 450px;padding:3rem}.featured-project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:3rem;display:grid}@media (max-width:768px){.hero-content-grid{gap:2rem}.featured-showcase-panel{padding:1.5rem!important}.featured-project-grid{grid-template-columns:1fr;gap:1.5rem}.responsive-timeline-panel{padding:1.5rem 1.2rem!important}.about-info-panel{padding:1.5rem!important}.case-study-modal{padding:1.5rem 1.2rem!important}.modal-close-btn{top:1rem!important;right:1rem!important}.gallery-image-container,.single-image-container{height:220px!important}}.responsive-timeline-panel{content-visibility:auto;contain-intrinsic-size:auto 600px;padding:2.5rem 3rem}.about-info-panel{padding:2.5rem}.case-study-modal{padding:3.5rem}.modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:2rem;right:2rem}.gallery-image-container{border:1px solid var(--glass-border);scroll-snap-align:start;border-radius:16px;flex:0 0 100%;height:380px;position:relative;overflow:hidden}.single-image-container{border:1px solid var(--glass-border);border-radius:16px;width:100%;height:380px;margin-bottom:2.5rem;position:relative;overflow:hidden}.portfolio-agent-panel{z-index:99998;-webkit-backdrop-filter:blur(36px)saturate(180%);background:#000000e0;border:1px solid #ffffff1f;border-top-color:#ffffff38;border-radius:20px;flex-direction:column;width:350px;height:480px;display:flex;position:fixed;bottom:95px;right:25px;overflow:hidden;box-shadow:0 20px 50px #000000d9,inset 0 1px #ffffff1f}@media (max-width:480px){.portfolio-agent-panel{width:calc(100vw - 30px)!important;height:440px!important;bottom:90px!important;left:15px!important;right:15px!important}}:root.theme-alt{--bg-color:#0b071e;--bg-secondary:#140d34;--border-color:#2e1a47;--text-primary:#fdfafb;--text-secondary:#b8a2c4;--accent:#f43f5e;--glass-border:#f43f5e26;--accent-glow:#f43f5e59}.mascot-highlight-pulse{transition:all .3s;animation:1.5s ease-in-out infinite alternate mascot-pulse-anim;outline:2px solid var(--accent)!important;box-shadow:0 0 20px var(--accent)!important}@keyframes mascot-pulse-anim{0%{box-shadow:0 0 8px var(--accent)}to{box-shadow:0 0 25px var(--accent)}}.portfolio-agent-container{z-index:99998;width:350px;max-width:calc(100vw - 40px);padding:0;position:fixed;bottom:25px;right:25px}@media (max-width:1024px){.portfolio-agent-container{width:auto;max-width:100%;bottom:85px;left:12px;right:12px}}.mini-avatar-container{z-index:99999;position:fixed;bottom:400px;right:25px}@media (max-width:1024px){.mini-avatar-container{bottom:420px;right:12px}}@media (max-width:480px){.portfolio-agent-container{width:auto;max-width:100%;padding:0 12px;bottom:85px;left:0;right:0}.mini-avatar-container{bottom:440px;right:12px}}@media (max-width:1024px){.app-container{flex-direction:column;padding:0}.grid{grid-template-columns:1fr}.desktop-social-container{display:none}}.hamburger{display:none!important}.project-highlight{transition:all .3s;transform:translateY(-4px);border-color:var(--accent)!important;box-shadow:0 0 25px var(--accent-glow)!important}.markdown-article{color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.markdown-article h1,.markdown-article h2,.markdown-article h3,.markdown-article h4{color:#fff;margin-top:2.5rem;margin-bottom:1rem;font-weight:600;line-height:1.3}.markdown-article h1{font-size:2.2rem}.markdown-article h2{border-bottom:1px solid var(--glass-border);padding-bottom:.5rem;font-size:1.8rem}.markdown-article h3{font-size:1.4rem}.markdown-article p{margin-bottom:1.2rem}.markdown-article a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.markdown-article ul,.markdown-article ol{margin-bottom:1.5rem;padding-left:1.5rem}.markdown-article li{margin-bottom:.5rem}.markdown-article blockquote{border-left:4px solid var(--accent);color:#a1a1aa;background:#6366f10d;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem}.markdown-article pre{border:1px solid var(--glass-border);border-radius:8px;margin:1.5rem 0;padding:1rem;font-family:monospace;font-size:.9rem;overflow-x:auto;background:#18181b!important}.markdown-article code{color:#fb7185;background:#ffffff1a;border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.9em}.markdown-article pre code{color:inherit;background:0 0;padding:0}.markdown-article img{border:1px solid var(--glass-border);border-radius:8px;max-width:100%;margin:1.5rem 0}.markdown-article table{border-collapse:collapse;width:100%;margin:1.5rem 0}.markdown-article th,.markdown-article td{border:1px solid var(--glass-border);text-align:left;padding:.75rem 1rem}.markdown-article th{color:#fff;background:#ffffff0d;font-weight:600}.project-drawer{-webkit-backdrop-filter:blur(48px);background:#050505d9;border-left:1px solid #ffffff0d;flex-direction:column;width:100%;max-width:800px;height:100%;display:flex;position:absolute;top:0;right:0;overflow:hidden;box-shadow:-20px 0 50px #00000080}.drawer-header{backdrop-filter:blur(10px);z-index:10;background:#0a0a0a80;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.drawer-content{flex:1;padding:0 2rem 4rem;overflow-y:auto}.drawer-content::-webkit-scrollbar{width:8px}.drawer-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.premium-action-btn{border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.8rem;padding:1.2rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.premium-action-primary{color:#fff;background:#4f46e5;font-weight:600;box-shadow:0 4px 14px #6366f163}.premium-action-primary:hover{background:#6366f1e6;transform:translateY(-2px);box-shadow:0 6px 20px #6366f163}.premium-action-secondary{color:#fff;border:1px solid var(--glass-border);background:#ffffff0d}.premium-action-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.project-file-tree-container{-webkit-backdrop-filter:blur(24px);z-index:100001;background:#050505b3;border-right:1px solid #ffffff0d;height:100%;position:absolute;top:0;left:0;box-shadow:10px 0 30px #00000080}.file-tree-item:hover{background:#ffffff0d}@media (max-width:1024px){.project-file-tree-container{display:none!important}}