.dev-shell{--bg:#0b0e14;--panel:#10151e;--line:#252d3b;--text:#e5ebf4;--muted:#8793a5;--green:#a5f3b2;--purple:#c6a5ff;--blue:#89c9ff;--yellow:#f3d78a;--orange:#f7ad8a;background:var(--bg);color:var(--text);min-height:100vh;font-family:var(--font-geist-mono),ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.dev-shell *{box-sizing:border-box}.dev-shell button{cursor:pointer}.dev-topbar{height:45px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;justify-content:space-between;background:#10141c;color:#aeb8c9}.dev-traffic{display:flex;gap:7px}.dev-traffic i{height:10px;width:10px;border-radius:50%;background:#fa6b68}.dev-traffic i:nth-child(2){background:#f4c75e}.dev-traffic i:nth-child(3){background:#5fcb83}.dev-topbar>span{display:flex;gap:9px;align-items:center}.dev-top-right{display:flex;gap:10px;align-items:center;font-size:11px}.dev-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#75db94;box-shadow:0 0 12px #75db9460}.dev-layout{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:calc(100vh - 72px)}.dev-sidebar{border-right:1px solid var(--line);background:#10141c;position:relative}.dev-sidebar-label{padding:22px 18px 20px;color:#9ba5b4;font-size:10px;letter-spacing:2px}.dev-tree-title{display:flex;align-items:center;gap:6px;padding:8px 13px;font-size:11px;font-weight:700;letter-spacing:.7px}.dev-tree-items button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 22px 11px 32px;background:transparent;border:0;color:#9ca7b9;text-align:left;font-size:12px}.dev-tree-items button.dev-selected,.dev-tree-items button:hover{background:#1b2531;color:#eef4ff}.dev-tree-items button.dev-selected{box-shadow:inset 2px 0 #9dd8b0}.dev-file-icon{color:#6bb7ed;font-weight:700;font-size:10px}.dev-projects{color:#e9c37d}.dev-about{color:#ad9ae8}.dev-sidebar-bottom{position:sticky;top:calc(100vh - 110px);margin-top:40px;padding:14px 18px;color:#8c98aa;font-size:10px}.dev-sidebar-bottom span:last-child{float:right}.dev-main{min-width:0}.dev-tab{height:41px;background:#141a24;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 18px;width:-moz-max-content;width:max-content;min-width:170px;border-right:1px solid var(--line);font-size:11px}.dev-tab-x{margin-left:auto;color:#8d98a7}.dev-scroll{overflow:hidden}.dev-section{padding:85px clamp(24px,6vw,100px);border-bottom:1px solid var(--line);scroll-margin-top:20px}.dev-hero{min-height:640px;display:flex;align-items:center;gap:40px;position:relative;background:radial-gradient(ellipse at 75% 40%,#19322948,transparent 55%)}.dev-lines{position:absolute;top:90px;left:18px;color:#394454;line-height:2.1;font-size:12px}.dev-hero-content{max-width:650px;flex:1;z-index:1}.dev-comment{color:#788799;margin-bottom:36px}.dev-kicker{font-size:10px;letter-spacing:1.5px;color:#a5f3b2;display:flex;align-items:center;gap:10px;margin-bottom:22px}.dev-hero h1{font-family:Inter,Arial,sans-serif;font-size:clamp(50px,6vw,100px);letter-spacing:-5px;line-height:1.05;font-weight:800;margin:0 0 24px}.dev-hero h1 span{color:#a5f3b2}.dev-role{font-size:clamp(12px,1.5vw,17px);margin-bottom:25px;white-space:nowrap}.dev-purple{color:var(--purple)}.dev-green{color:var(--green)}.dev-blue{color:var(--blue)}.dev-yellow{color:var(--yellow)}.dev-orange{color:var(--orange)}.dev-cursor{color:var(--green);animation:dev-blink 1s steps(2) infinite}@keyframes dev-blink{50%{opacity:0}}.dev-hero-content>p{font-family:Inter,Arial,sans-serif;color:#a4b0bf;line-height:1.9;font-size:15px;max-width:520px}.dev-actions,.dev-contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.dev-primary,.dev-secondary{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 21px;text-decoration:none;font-weight:700;font-size:12px;border-radius:5px;transition:transform .2s,background .2s}.dev-primary{background:#a5f3b2;color:#0c1911;border:1px solid #a5f3b2}.dev-primary:hover{background:#c7fbd0;transform:translateY(-2px)}.dev-secondary{background:#161d28;color:#dce5f1;border:1px solid #344052}.dev-secondary:hover{background:#253044;transform:translateY(-2px)}.dev-hero-foot{display:flex;gap:30px;color:#9ca7b5;font-size:11px;margin-top:70px}.dev-muted{color:#657287}.dev-hero-art{flex:0 1 350px;position:relative}.dev-code-card{background:#111823;border:1px solid #354154;border-radius:10px;box-shadow:0 25px 80px #0007;transform:rotate(2deg);overflow:hidden}.dev-code-head{background:#1c2633;padding:13px 17px;display:flex;justify-content:space-between;color:#8da2b6;font-size:11px}.dev-code-head span:last-child{color:#708398;letter-spacing:3px}.dev-code-card pre{padding:20px;line-height:1.85;font-size:12px;overflow:auto;color:#d4dce8}.dev-float-label{position:absolute;bottom:-22px;right:-10px;padding:12px 17px;border:1px solid #37614b;background:#152a22;color:#a5f3b2;border-radius:5px;font-size:11px}.dev-section-heading>span{font-size:11px;letter-spacing:2px;color:#a5f3b2}.dev-section-heading h2{font-family:Inter,Arial,sans-serif;font-size:clamp(32px,4vw,52px);letter-spacing:-2px;line-height:1.15;margin:15px 0}.dev-section-heading h2 em{font-style:normal;color:#a5f3b2}.dev-section-heading>p{color:#93a1b4;line-height:1.8}.dev-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:35px}.dev-about-grid p{font-family:Inter,Arial,sans-serif;color:#a9b5c3;font-size:15px;line-height:1.95;margin:0 0 20px}.dev-text-link{color:#a5f3b2;display:inline-flex;gap:9px;align-items:center;margin-top:12px;text-decoration:none}.dev-terminal{background:#0c1118;border:1px solid #303c4c;border-radius:8px;overflow:hidden}.dev-terminal-head{padding:13px 18px;background:#1b2430;border-bottom:1px solid #303c4c;display:flex;gap:10px;align-items:center;color:#9aacc0}.dev-terminal-body{padding:22px;line-height:2.1;color:#d6dfec}.dev-output{color:#91a1b4;padding:0 0 15px 18px;line-height:1.8}.dev-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px}.dev-project{border:1px solid #303a49;background:#121923;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}.dev-project:hover{transform:translateY(-5px);border-color:#82bba0}.dev-project-image{height:200px;background:#1a2531;position:relative}.dev-project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.8;transition:transform .3s}.dev-project:hover img{transform:scale(1.05)}.dev-project-num{position:absolute;top:14px;left:16px;background:#0b1019d9;border:1px solid #445063;padding:7px 9px;color:#c2d4e6;border-radius:4px}.dev-project-body{padding:23px}.dev-project-type{font-size:10px;color:#a5f3b2;text-transform:uppercase;letter-spacing:1px}.dev-project-name{font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:750;display:flex;justify-content:space-between;align-items:center;margin:10px 0}.dev-project-body p{color:#a2aebe;line-height:1.7;min-height:66px}.dev-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.dev-tags span{padding:7px 10px;background:#202b39;color:#b7c7d8;border:1px solid #334153;border-radius:4px;font-size:10px}.dev-all-projects{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:32px;color:#a5f3b2;text-decoration:none}.dev-skills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:40px}.dev-skill{padding:24px 17px;border:1px solid #303b4b;background:#141b25;display:flex;align-items:center;gap:12px;border-radius:5px;font-weight:700}.dev-skill-index{color:#62758a;font-size:10px}.dev-skill-plus{margin-left:auto;color:#a5f3b2}.dev-contact{background:radial-gradient(ellipse at 75% 50%,#1b403332,transparent 55%)}.dev-copy-line{display:flex;align-items:center;justify-content:space-between;max-width:460px;background:#101822;border:1px solid #354353;padding:15px 18px;margin-top:40px;border-radius:5px;color:#a4b6c9}.dev-copy-line button{background:none;border:0;color:#a5f3b2}.dev-bottom{display:flex;justify-content:space-between;padding:25px 50px;color:#718094;font-size:11px}.dev-status{height:27px;background:#173b30;color:#d6f8df;display:flex;align-items:center;gap:20px;padding:0 14px;font-size:10px}.dev-status span{display:inline-flex;align-items:center;gap:7px}.dev-status-right{margin-left:auto}.dev-mobile-menu{display:none;background:none;border:0;color:#dbe6f2}@media (max-width:1150px){.dev-hero-art{display:none}.dev-hero{min-height:570px}.dev-skills{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.dev-layout{display:block}.dev-sidebar{display:none;position:absolute;z-index:20;width:240px;min-height:350px;box-shadow:10px 20px 50px #0009}.dev-mobile-menu,.dev-sidebar.dev-open{display:block}.dev-topbar>span{font-size:11px}.dev-top-right{display:none}.dev-section{padding:65px 25px}.dev-hero{min-height:570px}.dev-hero h1{letter-spacing:-3px}.dev-hero-foot{flex-direction:column;gap:10px;margin-top:45px}.dev-about-grid,.dev-project-grid{grid-template-columns:1fr}.dev-skills{grid-template-columns:repeat(2,1fr)}.dev-skill{padding:17px 10px;font-size:11px}.dev-bottom{padding:22px;gap:10px;flex-direction:column}.dev-status-right{display:none!important}.dev-lines{display:none}.dev-comment{font-size:11px}}.ide-brand{gap:9px;color:#b9c7d9;text-decoration:none}.ide-brand,.ide-topnav{display:flex;align-items:center}.ide-topnav{gap:5px}.ide-topnav a{color:#9aa9bc;text-decoration:none;padding:8px 10px;text-transform:capitalize;border-radius:4px;font-size:11px}.ide-topnav a.active,.ide-topnav a:hover{color:#a5f3b2;background:#20302d}.dev-tree-items a{display:flex;align-items:center;gap:12px;width:100%;padding:11px 22px 11px 32px;color:#9ca7b9;text-decoration:none;font-size:12px}.dev-tree-items a.dev-selected,.dev-tree-items a:hover{background:#1b2531;color:#eef4ff}.dev-tree-items a.dev-selected{box-shadow:inset 2px 0 #9dd8b0}.ide-sidebar-foot{margin:45px 18px;color:#8595a7;display:flex;align-items:center;gap:8px}.dev-main,.ide-route{min-height:calc(100vh - 115px)}.ide-route{max-width:1350px;margin:auto}.ide-route .dev-section-heading{margin-bottom:36px}.ide-timeline{display:grid;gap:16px;max-width:1000px}.ide-entry{display:flex;gap:24px;padding:25px;background:#131c26;border:1px solid #303c4c;border-left:3px solid #a5f3b2;border-radius:7px}.ide-entry-logo{height:60px;width:60px;flex:none;background:#f5f6f8;border-radius:8px;padding:8px;display:grid;place-items:center}.ide-entry-logo img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.ide-entry h3{font:700 22px Inter,Arial,sans-serif;margin:8px 0}.ide-entry strong{color:#a5f3b2;font-weight:500}.ide-entry p{color:#9eacbe;line-height:1.8;margin-top:13px;font:14px/1.8 Inter,Arial,sans-serif}.ide-entry-meta{color:#95a4b5;font-size:11px}.ide-entry-meta span{color:#5e7188}.ide-about{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:start}.ide-about h3{font:700 30px Inter,Arial,sans-serif;margin:15px 0}.ide-about p{font:15px/1.95 Inter,Arial,sans-serif;color:#a7b4c5;margin-bottom:20px}.ide-about .dev-primary{margin-top:15px}.ide-subhead{margin-top:80px}.ide-skill-icon{width:30px;height:30px;-o-object-fit:contain;object-fit:contain;flex:none}.ide-contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:start}.ide-form{display:grid;gap:17px;padding:26px;background:#131c26;border:1px solid #303c4c;border-radius:8px}.ide-form label{display:grid;gap:9px;color:#aab9cb;text-transform:lowercase}.ide-form label b{color:#a5f3b2}.ide-form input,.ide-form textarea{width:100%;background:#0b1119;border:1px solid #344355;border-radius:5px;padding:14px;color:#e5ebf4;font:14px Inter,Arial,sans-serif;outline:none}.ide-form input:focus,.ide-form textarea:focus{border-color:#a5f3b2}.ide-form .dev-primary{justify-self:start}.ide-form-status{color:#a5f3b2}.dev-shell .dev-scroll{background:#0b0e14}.dev-shell .dev-skill{min-width:0}.dev-shell .dev-skills{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1050px){.ide-topnav{display:none}.ide-about,.ide-contact-layout{grid-template-columns:1fr}.dev-shell .dev-skills{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.dev-shell .dev-skills{grid-template-columns:repeat(2,minmax(0,1fr))}.ide-entry{padding:18px;gap:14px}.ide-entry-logo{height:45px;width:45px}.ide-entry h3{font-size:18px}.dev-sidebar{top:45px}.dev-shell .dev-role{white-space:normal}}@keyframes ideFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ideBlink{50%{opacity:0}}@keyframes idePulse{50%{box-shadow:0 0 0 7px rgba(148,226,172,0)}}@keyframes ideSweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.dev-tab{animation:ideFadeIn .45s ease both}.dev-hero-content{animation:ideFadeIn .7s ease both}.dev-hero-art{animation:ideFadeIn .8s ease .12s both}.dev-cursor{animation:ideBlink 1s step-end infinite}.dev-dot{animation:idePulse 2.4s ease-in-out infinite}.dev-project,.dev-skill,.ide-entry{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.dev-project:hover,.ide-entry:hover{transform:translateY(-5px);border-color:#6fa98d;box-shadow:0 16px 35px rgba(0,0,0,.24)}.dev-skill:hover{transform:translateY(-4px);border-color:#7bba98}.dev-project-image{overflow:hidden}.dev-project-image img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}.dev-project:hover .dev-project-image img{transform:scale(1.05)}.ide-project-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.ide-project-links a{font-size:12px;color:#b3edc5;text-decoration:none;border:1px solid #345348;border-radius:5px;padding:8px 11px}.ide-project-links a:hover{background:#1d3830}.dev-primary,.dev-secondary{transition:transform .2s ease,filter .2s ease}.dev-primary:hover,.dev-secondary:hover{transform:translateY(-2px);filter:brightness(1.12)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.dev-topbar{justify-content:flex-start;gap:18px}.dev-topbar .dev-mobile-menu{margin-left:auto}.dev-sidebar-label{display:flex;align-items:center;gap:9px}.dev-tree-items button{font-family:inherit;position:relative;transition:background .15s,color .15s}.ide-open-indicator{margin-left:auto;font-size:8px;color:#a5f3b2}.ide-tab-strip{height:43px;display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;background:#0b0e14;border-bottom:1px solid #252d3b;scrollbar-width:thin;scrollbar-color:#364456 transparent}.ide-editor-tab{display:flex;align-items:center;min-width:130px;max-width:220px;flex:0 0 auto;background:#11161f;border-right:1px solid #293241;border-top:2px solid transparent;color:#98a7b8;transition:background .16s,color .16s}.ide-editor-tab-active{background:#171e29;color:#edf4fd;border-top-color:#a5f3b2}.ide-tab-select{min-width:0;flex:1;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:inherit;padding:0 10px 0 17px;height:100%;font:12px var(--font-geist-mono),Consolas,monospace;white-space:nowrap}.ide-tab-select span:last-child{overflow:hidden;text-overflow:ellipsis}.ide-tab-close{width:28px;height:28px;display:grid;place-items:center;margin-right:6px;border:0;border-radius:5px;background:transparent;color:#8c9aab;flex:none}.ide-tab-close:hover{background:#354153;color:white}.ide-empty-editor{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px;color:#6e8093;padding:40px}.ide-empty-editor h2{font-size:20px;color:#b7c6d6;margin:0}.ide-empty-editor p{margin:0}.ide-empty-editor button{margin-top:12px;border:1px solid #42614f;border-radius:5px;background:#172b23;color:#a5f3b2;padding:11px 18px}@media (max-width:760px){.dev-topbar .dev-mobile-menu{display:block}.dev-sidebar{top:45px}.ide-editor-tab{min-width:112px}}.ide-header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.ide-theme-toggle{display:grid;place-items:center;width:34px;height:34px;background:transparent;border:1px solid var(--line);border-radius:7px;color:var(--text);transition:background .2s,transform .2s}.ide-theme-toggle:hover{background:var(--panel);transform:rotate(12deg)}html.light .dev-shell{--bg:#f7f9fc;--panel:#fff;--line:#dbe2eb;--text:#1e293b;--muted:#64748b;--green:#087b4e;--purple:#7044b5;--blue:#1464a2;--yellow:#9a6800;--orange:#a94c24;background:var(--bg);color:var(--text)}html.light .dev-sidebar,html.light .dev-topbar{background:#eef2f7;color:#405168;border-color:#d7dfe9}html.light .dev-sidebar-label,html.light .dev-tree-title,html.light .ide-sidebar-foot{color:#52657a}html.light .dev-tree-items button{color:#45566c}html.light .dev-tree-items button.dev-selected,html.light .dev-tree-items button:hover{background:#dce8f2;color:#153b59}html.light .dev-tree-items button.dev-selected{box-shadow:inset 3px 0 #13835a}html.light .ide-brand{color:#24364a}html.light .dev-main,html.light .dev-scroll,html.light .dev-shell .dev-scroll{background:#f7f9fc}html.light .ide-tab-strip{background:#e6ecf4;border-color:#cfd8e4}html.light .ide-editor-tab{background:#e9eef5;border-color:#d2dce8;color:#5a6b7f}html.light .ide-editor-tab-active{background:#fff;color:#1f344c;border-top-color:#14865b}html.light .ide-tab-close{color:#53657b}html.light .ide-tab-close:hover{background:#d9e4ef;color:#1c3048}html.light .dev-status{background:#e5eee9;color:#275841}html.light .dev-status span{color:#275841}html.light .dev-section{border-color:#dbe2eb}html.light .dev-hero{background:radial-gradient(ellipse at 75% 40%,#d8f3e6,transparent 55%)}html.light .dev-lines{color:#c0cad6}html.light .dev-comment,html.light .dev-muted{color:#64748b}html.light .dev-hero h1 span,html.light .dev-kicker,html.light .dev-section-heading h2 em,html.light .dev-section-heading>span,html.light .dev-text-link{color:#087b4e}html.light .dev-about-grid p,html.light .dev-hero-content>p,html.light .dev-project-body p,html.light .dev-section-heading>p,html.light .ide-about p,html.light .ide-entry p{color:#516278}html.light .dev-hero-foot,html.light .dev-output,html.light .ide-entry-meta{color:#617187}html.light .dev-primary{background:#087b4e;border-color:#087b4e;color:#fff}html.light .dev-primary:hover{background:#09653f}html.light .dev-secondary{background:#fff;border-color:#cbd5e1;color:#253b52}html.light .dev-secondary:hover{background:#eaf0f7}html.light .dev-code-card,html.light .dev-project,html.light .dev-skill,html.light .dev-terminal,html.light .ide-entry,html.light .ide-form{background:#fff;border-color:#d5deea;box-shadow:0 4px 18px #1c30400a}html.light .dev-code-head,html.light .dev-terminal-head{background:#eef3f9;border-color:#d5deea;color:#54677e}html.light .dev-code-card pre,html.light .dev-terminal-body{color:#263a51}html.light .dev-float-label{background:#e0f4e9;color:#087b4e;border-color:#9bcfb3}html.light .dev-project-num,html.light .dev-project-type,html.light .ide-entry strong,html.light .ide-form label b{color:#087b4e}html.light .dev-project-name,html.light .ide-about h3,html.light .ide-entry h3{color:#20344b}html.light .dev-tags span{background:#edf3f8;color:#43566c;border-color:#d5deea}html.light .dev-skill{color:#263a51}html.light .dev-skill-index,html.light .dev-skill-plus{color:#7b8ca0}html.light .ide-entry-meta span{color:#8090a3}html.light .ide-form label{color:#45566c}html.light .ide-form input,html.light .ide-form textarea{background:#f8fafc;color:#24364c;border-color:#cbd5e1}html.light .ide-form input:focus,html.light .ide-form textarea:focus{border-color:#087b4e}html.light .ide-project-links a{color:#087b4e;border-color:#b8d8c7}html.light .ide-project-links a:hover{background:#e5f4eb}html.light .ide-empty-editor{color:#718198}html.light .ide-empty-editor h2{color:#30445b}html.light .ide-empty-editor button{background:#e6f5ec;border-color:#a9d5ba;color:#087b4e}html.light .dev-copy-line{background:#edf3f8;border-color:#d5deea}html.light .dev-copy-line button{color:#087b4e}html.light .dev-contact{background:#f1f6fa}html.light .dev-code-card,html.light .dev-project,html.light .ide-entry{box-shadow:0 8px 24px #2a42500b}@media (prefers-reduced-motion:reduce){.ide-theme-toggle{transition:none}}.dev-profile-photo{display:block;width:104px;height:104px;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:3px solid #6fa98d;box-shadow:0 8px 28px #0003;margin:0 0 20px}