:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef2ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--page-gutter:clamp(74px, 7vw, 128px);--top-safe:clamp(118px, 13vh, 146px);--bottom-safe:clamp(44px, 6vh, 72px);--content-max:1480px;background:#020617;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,a,input,textarea{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}img{max-width:100%}.portfolio-shell{background:radial-gradient(circle at 10% 12%,#22d3ee38,#0000 30%),radial-gradient(circle at 88% 16%,#f472b62e,#0000 26%),radial-gradient(circle at 52% 92%,#7c3aed47,#0000 38%),linear-gradient(135deg,#020617 0%,#07111f 44%,#0c1024 100%);width:100vw;height:100vh;transition:background .52s,color .52s;position:relative;overflow:hidden}.portfolio-shell.theme-day{color:#38140a;background:radial-gradient(circle at 16% 18%,#ffd36994,#0000 25%),radial-gradient(circle at 86% 22%,#ff6f6170,#0000 28%),radial-gradient(circle at 56% 90%,#ffac4180,#0000 42%),linear-gradient(135deg,#fff7d6 0%,#ffd29f 35%,#ff8a65 66%,#c2410c 100%)}.portfolio-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#94a3b80e 1px,#0000 1px),linear-gradient(90deg,#94a3b80b 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000002e);mask-image:linear-gradient(#000000e6,#0000002e)}.ambient{filter:blur(78px);opacity:.42;pointer-events:none;border-radius:999px;width:460px;height:460px;animation:12s ease-in-out infinite floatBlob;position:fixed}.ambient-one{background:#0ea5e9;top:12%;left:-110px}.ambient-two{background:#be185d;animation-delay:-5s;bottom:6%;right:-130px}@keyframes floatBlob{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(38px,-28px)scale(1.12)}}.sky-effects{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.moon-orb,.sun-orb{border-radius:999px;width:clamp(46px,5vw,76px);height:clamp(46px,5vw,76px);transition:opacity .52s,transform .52s;position:absolute;top:clamp(118px,15vh,168px);right:clamp(78px,9vw,150px)}.moon-orb{opacity:1;background:radial-gradient(circle at 35% 32%,#fffffff2,#e2e8f0db 32%,#94a3b8b8 65%,#47556966 100%);box-shadow:0 0 34px #e2e8f057,0 0 90px #7dd3fc2e}.moon-orb:after{content:"";border-radius:inherit;background:#64748b61;width:12px;height:12px;position:absolute;top:17px;left:16px;box-shadow:22px 14px 0 -3px #64748b52,10px 34px 0 -5px #64748b42}.sun-orb{opacity:0;background:radial-gradient(circle,#fff7ad 0 22%,#facc15 34%,#fb923c 62%,#ef4444eb 100%);transform:translateY(16px)scale(.9);box-shadow:0 0 42px #facc157a,0 0 120px #f973165c}.meteor{opacity:0;background:linear-gradient(90deg,#0000,#fffffff2,#22d3eebf,#0000);border-radius:999px;width:132px;height:2px;animation:4.8s linear infinite meteorFall;position:absolute;top:0;transform:rotate(-26deg)}.meteor-1{animation-delay:.4s;left:12%}.meteor-2{animation-duration:5.8s;animation-delay:1.8s;left:43%}.meteor-3{animation-duration:4.2s;animation-delay:3.2s;left:70%}.meteor-4{animation-duration:6.2s;animation-delay:5.1s;left:30%}@keyframes meteorFall{0%{opacity:0;transform:translateY(-12vh)rotate(-26deg)}8%{opacity:.95}36%{opacity:.15}58%,to{opacity:0;transform:translate(34vw,70vh)rotate(-26deg)}}.bird{opacity:0;width:34px;height:18px;animation:13s linear infinite birdFly;position:absolute;left:-8vw;transform:scale(.82)}.bird:before,.bird:after{content:"";border-top:3px solid #581c0dc7;border-radius:50% 50% 0 0;width:18px;height:10px;animation:.64s ease-in-out infinite alternate wingFlap;position:absolute;top:8px}.bird:before{transform-origin:100%;left:0;transform:rotate(16deg)}.bird:after{transform-origin:0;right:0;transform:rotate(-16deg)}.bird-1{--bird-scale:.82;animation-delay:0s;top:20%}.bird-2{--bird-scale:.68;animation-duration:15s;animation-delay:2.3s;top:30%}.bird-3{--bird-scale:.55;animation-duration:17s;animation-delay:5s;top:16%}.bird-4{--bird-scale:.78;animation-duration:14s;animation-delay:7.3s;top:42%}.bird-5{--bird-scale:.48;animation-duration:18s;animation-delay:10.2s;top:25%}@keyframes birdFly{0%{opacity:0;transform:translate3d(-8vw, 0, 0) scale(var(--bird-scale,1))}10%{opacity:.85}72%{opacity:.85}to{opacity:0;transform:translate3d(116vw, -7vh, 0) scale(var(--bird-scale,1))}}@keyframes wingFlap{0%{transform:rotate(12deg)}to{transform:rotate(-10deg)}}.theme-day .moon-orb,.theme-day .meteor{opacity:0;animation-play-state:paused}.theme-day .sun-orb{opacity:1;transform:translateY(0)scale(1)}.theme-day .bird{opacity:1}.theme-night .sun-orb,.theme-night .bird{opacity:0;animation-play-state:paused}.theme-night .meteor{animation-play-state:running}.topbar{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#020617b8;border:1px solid #94a3b833;border-radius:999px;justify-content:space-between;align-items:center;gap:18px;padding:12px 14px;display:flex;position:fixed;top:18px;left:24px;right:24px;box-shadow:0 20px 70px #00000059}.brand{color:#e2e8f0;letter-spacing:-.02em;background:0 0;border-radius:999px;align-items:center;gap:10px;padding:4px 12px 4px 4px;font-weight:850;display:inline-flex}.brand-mark{color:#020617;background:linear-gradient(135deg,#22d3ee,#a78bfa 52%,#f472b6);border-radius:14px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 32px #22d3ee59}.topbar nav{align-items:center;gap:6px;display:flex}.topbar nav button{color:#94a3b8;background:0 0;border-radius:999px;padding:10px 14px;transition:all .2s}.topbar nav button:hover,.topbar nav button.active{color:#fff;background:#94a3b824}.progress-rail{z-index:19;background:#94a3b82e;border-radius:999px;height:3px;position:fixed;top:88px;left:40px;right:40px;overflow:hidden}.progress-rail span{border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#a78bfa,#f472b6,#f97316);height:100%;transition:width .42s cubic-bezier(.2,.8,.2,1);display:block}.slide-rail{z-index:2;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;width:100vw;height:100vh;display:flex;position:relative;overflow:auto hidden}.slide-rail::-webkit-scrollbar{display:none}.slide{scroll-snap-align:start;width:100vw;height:100vh;padding:var(--top-safe) var(--page-gutter) var(--bottom-safe);scrollbar-width:thin;flex:0 0 100vw;place-items:center;display:grid;position:relative;overflow-y:auto}.slide-content{width:min(var(--content-max), calc(100vw - (var(--page-gutter) * 2)));max-height:calc(100vh - var(--top-safe) - var(--bottom-safe));margin:auto}.hero-layout{grid-template-columns:minmax(380px,.92fr) minmax(440px,1.08fr);align-items:center;gap:clamp(22px,3.6vw,58px);display:grid}.about-layout{grid-template-columns:minmax(320px,.78fr) minmax(560px,1.22fr);align-items:center;gap:clamp(22px,3.2vw,44px);display:grid}.projects-layout,.toolbox-layout,.connect-layout{align-content:center;gap:clamp(16px,2.1vw,28px);display:grid}.projects-layout{gap:clamp(12px,1.5vw,20px);max-width:min(1180px,100%)}.toolbox-layout{max-width:min(1320px,100%)}.connect-layout{max-width:min(1180px,100%)}.eyebrow{color:#bae6fd;letter-spacing:.08em;text-transform:uppercase;background:#0ea5e91c;border:1px solid #22d3ee47;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-size:.76rem;font-weight:850;display:inline-flex}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.065em;line-height:.98}h1{max-width:820px;margin-top:16px;font-size:clamp(2.55rem,4.25vw,4.8rem)}h2{margin-top:16px;font-size:clamp(2.2rem,4.5vw,4.85rem)}.hero-copy p,.section-header p,.lead,.connect-panel p{color:#cbd5e1;font-size:clamp(.98rem,1.35vw,1.16rem);line-height:1.62}.hero-copy p{max-width:680px;margin-top:18px}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;display:flex}.theme-switch{color:#cbd5e1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172a9e;border:1px solid #94a3b83d;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:6px 10px;transition:transform .18s,border-color .18s,background .18s,color .18s;display:inline-flex;box-shadow:0 18px 42px #0000003d}.theme-switch:hover{border-color:#22d3ee8f;transform:translateY(-2px)}.switch-icon{opacity:.62;border-radius:999px;place-items:center;width:24px;height:24px;transition:color .22s,opacity .22s,background .22s;display:grid}.theme-night .moon-icon,.theme-day .sun-icon{opacity:1;color:#020617;background:#ffffffdb}.theme-day .moon-icon,.theme-night .sun-icon{opacity:.48}.switch-track{background:#020617b8;border-radius:999px;width:42px;height:22px;position:relative;box-shadow:inset 0 0 0 1px #94a3b82e}.switch-thumb{background:linear-gradient(135deg,#e2e8f0,#7dd3fc);border-radius:999px;width:14px;height:14px;transition:transform .24s,background .24s,box-shadow .24s;position:absolute;top:4px;left:4px;box-shadow:0 0 14px #7dd3fc6b}.theme-day .theme-switch{color:#7c2d12;background:#fff7d694;border-color:#fb923c73}.theme-day .switch-track{background:#ffedd5e0}.theme-day .switch-thumb{background:linear-gradient(135deg,#facc15,#fb923c);transform:translate(20px);box-shadow:0 0 16px #f973167a}.theme-day .portfolio-shell:before,.portfolio-shell.theme-day:before{background-image:linear-gradient(#7c2d1214 1px,#0000 1px),linear-gradient(90deg,#7c2d1212 1px,#0000 1px)}.theme-day .ambient-one{opacity:.28;background:#f97316}.theme-day .ambient-two{opacity:.25;background:#ef4444}.theme-day .topbar,.theme-day .secondary-action,.theme-day .edge-card,.theme-day .large-panel,.theme-day .about-card,.theme-day .project-card,.theme-day .logo-toolbox-card,.theme-day .connect-panel{background:linear-gradient(145deg,#fff7d6c7,#ffedd5a3);border-color:#7c2d1233;box-shadow:0 24px 80px #9a34122e}.theme-day .topbar nav button,.theme-day .brand,.theme-day .secondary-action,.theme-day .hero-copy p,.theme-day .section-header p,.theme-day .lead,.theme-day .connect-panel p,.theme-day .about-card p,.theme-day .modal-heading p,.theme-day .modal-section p,.theme-day .modal-section ul,.theme-day .private-note{color:#5f2411}.theme-day .topbar nav button:hover,.theme-day .topbar nav button.active{color:#7c2d12;background:#fb923c2e}.theme-day .brand-mark,.theme-day .primary-action{color:#431407;background:linear-gradient(135deg,#fde047,#fb923c 58%,#ef4444);box-shadow:0 18px 42px #f973164d}.theme-day .eyebrow,.theme-day .identity-card,.theme-day .muted-panel{color:#7c2d12;background:#fff7d694;border-color:#fb923c4d}.theme-day .identity-card span,.theme-day .about-card strong,.theme-day .logo-chip,.theme-day .contact-form label,.theme-day .contact-links a,.theme-day .project-card p{color:#5f2411}.theme-day .about-icon,.theme-day .skill-icon{color:#c2410c;background:#fb923c2e}.theme-day .hover-panel:hover,.theme-day .project-card:hover,.theme-day .logo-toolbox-card:hover,.theme-day .contact-links a:hover{background:radial-gradient(circle at 18% 0,#facc1547,#0000 34%),linear-gradient(145deg,#fff7d6eb,#fed7aac7);border-color:#ea580c8c;box-shadow:0 22px 70px #ea580c33}.theme-day .graph-stage{background:radial-gradient(circle,#fb923c1f,#0000 35%),linear-gradient(145deg,#fff7d6d1,#fed7aaad)}.theme-day .graph-chrome{color:#7c2d12;background:#ffedd5b8}.theme-day .graph-svg{background-image:linear-gradient(#c2410c1a 1px,#0000 1px),linear-gradient(90deg,#fb923c1a 1px,#0000 1px)}.theme-day .edge{stroke:#7c2d124d}.theme-day .edge.active,.theme-day .cursor-edge{stroke:#ea580c;filter:drop-shadow(0 0 8px #fb923cbf)}.theme-day .graph-label{color:#7c2d12;background:#fff7d685}.theme-day .graph-label.active{color:#431407;background:#fb923c38}.theme-day .repo-pill.public{color:#431407;background:linear-gradient(135deg,#facc15,#fb923c)}.theme-day .repo-pill.private{color:#431407;background:linear-gradient(135deg,#fdba74,#fca5a5)}.theme-day .details-hint,.theme-day .text-link{color:#c2410c}.theme-day .logo-chip,.theme-day .contact-links a,.theme-day .contact-form input,.theme-day .contact-form textarea,.theme-day .github-meta-grid div,.theme-day .keyword-chip{background:#fff7d68c;border-color:#7c2d1229}.theme-day .contact-form input,.theme-day .contact-form textarea{color:#431407}.theme-day .project-modal{color:#431407;background:radial-gradient(circle at 12% 0,#facc1538,#0000 32%),radial-gradient(circle at 95% 18%,#f8717129,#0000 30%),linear-gradient(145deg,#fff7d6fa,#fed7aaf5);border-color:#ea580c59}.theme-day .modal-close{color:#7c2d12;background:#fff7d6b8}.theme-day .modal-section strong,.theme-day .github-meta-grid strong,.theme-day .github-meta-grid span{color:#7c2d12}.theme-day .stack-highlight-section{background:radial-gradient(circle at 12% 0,#facc152e,#0000 34%),#ffedd57a;border-color:#ea580c47}.theme-day .stack-highlight-section strong{color:#c2410c}.theme-day .keyword-chip{color:#431407;background:linear-gradient(135deg,#facc152e,#fb923c1f),#fff7d69e;border-color:#ea580c42;box-shadow:0 0 18px #ea580c1a}.theme-day .keyword-chip.has-logo{border-color:#ea580c61}.theme-day .keyword-fallback{color:#431407;background:linear-gradient(135deg,#facc15,#fb923c)}.primary-action,.secondary-action{border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 20px;font-weight:850;transition:transform .18s,box-shadow .18s,border .18s;display:inline-flex}.primary-action{color:#020617;background:linear-gradient(135deg,#22d3ee,#a78bfa 60%,#f472b6);box-shadow:0 18px 42px #22d3ee47}.secondary-action{color:#e2e8f0;background:#0f172aa6;border:1px solid #94a3b842}.primary-action:hover,.secondary-action:hover,.text-link:hover,.contact-links a:hover{transform:translateY(-2px)}.tour-hint{color:#94a3b8;align-items:center;gap:8px;margin-top:20px;display:inline-flex}.edge-card,.large-panel,.about-card,.project-card,.logo-toolbox-card,.connect-panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#0f172ac2,#020617b8);border:1px solid #94a3b82e;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s;position:relative;box-shadow:0 30px 110px #0000005c}.hover-panel:hover,.project-card:hover,.logo-toolbox-card:hover,.contact-links a:hover{background:radial-gradient(circle at 18% 0,#22d3ee2e,#0000 34%),linear-gradient(145deg,#0f172ae0,#0f172abd);border-color:#22d3ee8c;transform:translateY(-5px);box-shadow:0 24px 80px #22d3ee21,0 30px 110px #00000061}.hover-panel-soft{transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}.hover-panel-soft:hover{background:#a78bfa1f;border-color:#a78bfa73;transform:translateY(-3px)}.about-intro,.about-card,.identity-card,.logo-toolbox-card,.connect-panel,.contact-links a{--pixel:#22d3ee;--pixel-2:#a78bfa;border:2px solid var(--pixel);image-rendering:pixelated;background:linear-gradient(90deg, color-mix(in srgb, var(--pixel) 22%, transparent) 0 0) top left / 100% 4px no-repeat, repeating-linear-gradient(0deg, #94a3b80a 0 1px, transparent 1px 14px), repeating-linear-gradient(90deg, #94a3b809 0 1px, transparent 1px 14px), linear-gradient(145deg, #080d22eb, #020617c2);box-shadow:0 0 0 1px #ffffff0a inset, 7px 7px 0 #00000047, 0 18px 54px color-mix(in srgb, var(--pixel) 18%, transparent);border-radius:0}.about-intro:before,.about-card:before,.identity-card:before,.logo-toolbox-card:before,.connect-panel:before,.contact-links a:before,.about-intro:after,.about-card:after,.identity-card:after,.logo-toolbox-card:after,.connect-panel:after,.contact-links a:after{content:"";pointer-events:none;z-index:0;position:absolute}.about-intro:before,.about-card:before,.identity-card:before,.logo-toolbox-card:before,.connect-panel:before,.contact-links a:before{background:var(--pixel);width:8px;height:8px;box-shadow:-13px 0 0 var(--pixel-2), -26px 0 0 #e2e8f0ad, 0 13px 0 color-mix(in srgb, var(--pixel) 45%, transparent);top:9px;right:10px}.about-intro:after,.about-card:after,.identity-card:after,.logo-toolbox-card:after,.connect-panel:after,.contact-links a:after{border:2px solid var(--pixel);width:14px;height:14px;box-shadow:-6px -6px 0 -2px var(--pixel-2);bottom:13px;right:13px;transform:rotate(45deg)}.about-intro>*,.about-card>*,.identity-card>*,.logo-toolbox-card>*,.connect-panel>*,.contact-links a>*{z-index:1;position:relative}.about-card:first-child{--pixel:#22d3ee;--pixel-2:#a78bfa}.about-card:nth-child(2){--pixel:#34d399;--pixel-2:#22d3ee}.about-card:nth-child(3){--pixel:#facc15;--pixel-2:#fb923c}.about-card:nth-child(4){--pixel:#f472b6;--pixel-2:#fb7185}.about-card:nth-child(5){--pixel:#a78bfa;--pixel-2:#60a5fa}.about-card:nth-child(6){--pixel:#fb923c;--pixel-2:#ef4444}.logo-toolbox-card:first-child{--pixel:#3776ab;--pixel-2:#3178c6}.logo-toolbox-card:nth-child(2){--pixel:#8b5cf6;--pixel-2:#22d3ee}.logo-toolbox-card:nth-child(3){--pixel:#61dafb;--pixel-2:#ff2d20}.logo-toolbox-card:nth-child(4){--pixel:#2496ed;--pixel-2:#f05032}.contact-links a:first-child{--pixel:#22d3ee;--pixel-2:#a78bfa}.contact-links a:nth-child(2){--pixel:#60a5fa;--pixel-2:#22d3ee}.contact-links a:nth-child(3){--pixel:#e2e8f0;--pixel-2:#a78bfa}.contact-links a:nth-child(4){--pixel:#34d399;--pixel-2:#22d3ee}.contact-links a:nth-child(5){--pixel:#facc15;--pixel-2:#fb923c}.about-intro{--pixel:#f472b6;--pixel-2:#22d3ee}.identity-card{--pixel:#a78bfa;--pixel-2:#f472b6}.connect-panel{--pixel:#fb923c;--pixel-2:#22d3ee}.theme-day .about-intro:before,.theme-day .about-card:before,.theme-day .identity-card:before,.theme-day .logo-toolbox-card:before,.theme-day .connect-panel:before,.theme-day .contact-links a:before{box-shadow:-13px 0 0 var(--pixel-2), -26px 0 0 #7c2d1285, 0 13px 0 color-mix(in srgb, var(--pixel) 45%, transparent)}.graph-stage{background:radial-gradient(circle,#22d3ee1a,#0000 35%),linear-gradient(145deg,#050c1efa,#080c20eb);border-radius:42px;min-height:min(620px,100vh - 182px);overflow:hidden}.graph-chrome{color:#94a3b8;background:#020617c7;border-bottom:1px solid #94a3b829;align-items:center;gap:8px;padding:12px 16px;font-size:.84rem;display:flex}.graph-chrome span{border-radius:999px;width:12px;height:12px}.graph-chrome span:first-child{background:#f43f5e}.graph-chrome span:nth-child(2){background:#f59e0b}.graph-chrome span:nth-child(3){background:#22c55e}.graph-chrome strong{margin-left:8px;font-weight:750}.graph-svg{cursor:crosshair;background-image:linear-gradient(#22d3ee0f 1px,#0000 1px),linear-gradient(90deg,#a78bfa0e 1px,#0000 1px);background-size:22px 22px;width:100%;height:calc(100% - 42px);position:absolute;inset:42px 0 0}.edge{stroke:#94a3b840;stroke-width:.28px;vector-effect:non-scaling-stroke}.edge.active,.cursor-edge{stroke:#22d3ee;stroke-width:.58px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 8px #22d3eee6)}.cursor-edge.depth-1{stroke:#a78bfa}.cursor-edge.depth-2{stroke:#f472b6}.cursor-edge.depth-3{stroke:#34d399;opacity:.85}.cursor-edge.depth-4{stroke:#f97316;opacity:.75}.cursor-node rect{fill:#f8fafc;stroke:#22d3ee;stroke-width:.4px}.cursor-node line{stroke:#f8fafcb8;stroke-width:.34px;vector-effect:non-scaling-stroke}.graph-node rect{fill:#0f172a;stroke:#64748b;stroke-width:.48px;vector-effect:non-scaling-stroke}.graph-node.ai.active rect{fill:#22d3ee;stroke:#ecfeff}.graph-node.web.active rect{fill:#a78bfa;stroke:#f5f3ff}.graph-node.data.active rect{fill:#34d399;stroke:#ecfdf5}.graph-node.product.active rect{fill:#f472b6;stroke:#fdf2f8}.graph-labels{pointer-events:none;position:absolute;inset:42px 0 0}.graph-label{color:#94a3b8;background:#02061780;border-radius:10px;padding:5px 8px;font-size:.72rem;font-weight:800;transition:all .18s;position:absolute;transform:translate(12px,-50%)}.graph-label.active{color:#fff;background:#22d3ee2e;box-shadow:0 0 28px #22d3ee38}.graph-note{color:#bae6fd;background:#020617a8;border:1px solid #22d3ee38;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:.84rem;font-weight:800;display:inline-flex;position:absolute;bottom:22px;left:22px}.large-panel{border-radius:32px;padding:clamp(18px,2.4vw,30px)}.about-intro h2{font-size:clamp(1.85rem,3vw,3.15rem)}.about-intro .lead{margin-top:16px;line-height:1.48}.identity-card{background:#22d3ee14;border:1px solid #22d3ee33;border-radius:24px;gap:8px;margin-top:16px;padding:14px;display:grid}.identity-card strong{font-size:1.05rem}.identity-card span{color:#cbd5e1;font-size:.92rem;line-height:1.35}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.about-card{border-radius:24px;grid-template-columns:44px 1fr;gap:12px;min-height:126px;padding:14px;display:grid}.about-icon,.skill-icon{color:#22d3ee;background:#22d3ee1a;border-radius:16px;place-items:center;width:42px;height:42px;display:grid}.about-card h3,.logo-toolbox-card h3,.project-card h3{letter-spacing:-.035em;font-size:1rem;line-height:1.16}.about-card strong{color:#a5b4fc;margin-top:5px;font-size:.76rem;line-height:1.28;display:block}.about-card p{color:#cbd5e1;margin-top:7px;font-size:.8rem;line-height:1.34}.section-header{max-width:1120px}.compact-header h2{max-width:980px;font-size:clamp(1.45rem,2.45vw,2.45rem)}.section-header p{max-width:760px;margin-top:8px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.25vw,16px);display:grid}.project-card{--pixel:#22d3ee;--pixel-2:#a78bfa;--pixel-soft:#22d3ee1f;border:2px solid var(--pixel);min-height:clamp(146px,17.2vh,170px);image-rendering:pixelated;border-radius:0;padding:clamp(18px,1.6vw,22px) clamp(16px,1.45vw,21px) clamp(14px,1.2vw,18px);overflow:hidden}.projects-grid .project-card:first-child{--pixel:#22d3ee;--pixel-2:#a78bfa;--pixel-soft:#22d3ee21}.projects-grid .project-card:nth-child(2){--pixel:#34d399;--pixel-2:#22d3ee;--pixel-soft:#34d39921}.projects-grid .project-card:nth-child(3){--pixel:#f472b6;--pixel-2:#fb7185;--pixel-soft:#f472b621}.projects-grid .project-card:nth-child(4){--pixel:#facc15;--pixel-2:#fb923c;--pixel-soft:#facc1521}.projects-grid .project-card:nth-child(5){--pixel:#a78bfa;--pixel-2:#60a5fa;--pixel-soft:#a78bfa21}.projects-grid .project-card:nth-child(6){--pixel:#fb923c;--pixel-2:#ef4444;--pixel-soft:#fb923c21}.project-card-button{width:100%;color:inherit;text-align:left;flex-direction:column;align-items:flex-start;display:flex}.pixel-project-card{background:linear-gradient(90deg, var(--pixel-soft) 0 0) top left / 100% 4px no-repeat, repeating-linear-gradient(0deg, #94a3b80b 0 1px, transparent 1px 14px), repeating-linear-gradient(90deg, #94a3b809 0 1px, transparent 1px 14px), linear-gradient(145deg, #080d22eb, #020617c7);box-shadow:0 0 0 1px #ffffff0a inset, 7px 7px 0 #0000004d, 0 18px 54px color-mix(in srgb, var(--pixel) 22%, transparent)}.pixel-project-card:before,.pixel-project-card:after{content:"";z-index:0;pointer-events:none;position:absolute}.pixel-project-card:before{background:var(--pixel);width:12px;height:12px;box-shadow:18px 0 0 var(--pixel-2), 36px 0 0 #e2e8f0b3, 0 18px 0 #e2e8f05c;top:8px;left:8px}.pixel-project-card:after{border:2px solid var(--pixel);width:22px;height:22px;box-shadow:-8px -8px 0 -2px var(--pixel-2), 8px 8px 0 -2px #ffffff29;bottom:10px;right:10px;transform:rotate(45deg)}.pixel-card-bar{z-index:0;background:linear-gradient(90deg, var(--pixel), var(--pixel-2), transparent 72%);width:100%;height:5px;position:absolute;top:0;left:0}.pixel-corner-dots{z-index:1;grid-template-columns:repeat(3,7px);gap:5px;display:grid;position:absolute;top:12px;right:12px}.pixel-corner-dots i{background:var(--pixel);width:7px;height:7px;box-shadow:0 0 14px color-mix(in srgb, var(--pixel) 80%, transparent)}.pixel-corner-dots i:nth-child(2){background:var(--pixel-2)}.pixel-corner-dots i:nth-child(3){background:#e2e8f0b8}.pixel-shapes{z-index:0;opacity:.82;pointer-events:none;width:64px;height:54px;position:absolute;top:42px;right:16px}.pixel-shape{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--pixel) 45%, transparent));display:block;position:absolute}.pixel-shape.square{border:2px solid var(--pixel);width:16px;height:16px;top:0;right:0}.pixel-shape.triangle{border-left:9px solid #0000;border-right:9px solid #0000;border-bottom:16px solid var(--pixel-2);width:0;height:0;top:2px;right:28px}.pixel-shape.diamond{background:var(--pixel-2);width:14px;height:14px;top:30px;right:10px;transform:rotate(45deg)}.pixel-shape.circle{border:2px solid var(--pixel);border-radius:999px;width:13px;height:13px;top:30px;right:44px}.pixel-project-card>.repo-pill,.pixel-project-card>h3,.pixel-project-card>p,.pixel-project-card>.details-hint{z-index:2;position:relative}.repo-pill{border:1px solid color-mix(in srgb, var(--pixel) 60%, #ffffff38);text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;width:fit-content;padding:5px 9px;font-size:.62rem;font-weight:950;display:inline-flex;box-shadow:3px 3px #0000003d}.repo-pill.public{color:#022c22;background:linear-gradient(135deg,#34d399,#22d3ee)}.repo-pill.private{color:#1e1b4b;background:linear-gradient(135deg,#c4b5fd,#f0abfc)}.project-card h3{color:#f8fafc;text-shadow:2px 2px #00000042;max-width:calc(100% - 54px);margin-top:14px;font-size:clamp(1.02rem,1.32vw,1.24rem);line-height:1.08}.project-card p{color:#cbd5e1;max-width:calc(100% - 22px);margin-top:8px;font-size:clamp(.79rem,.87vw,.9rem);line-height:1.28}.details-hint{color:var(--pixel);text-shadow:0 0 16px color-mix(in srgb, var(--pixel) 55%, transparent);align-items:center;gap:7px;margin-top:auto;padding-top:12px;font-size:.76rem;font-weight:950;display:inline-flex}.pixel-project-card:hover{border-color:var(--pixel-2);background:linear-gradient(90deg, color-mix(in srgb, var(--pixel) 26%, transparent) 0 0) top left / 100% 5px no-repeat, repeating-linear-gradient(0deg, color-mix(in srgb, var(--pixel) 8%, transparent) 0 1px, transparent 1px 14px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--pixel-2) 7%, transparent) 0 1px, transparent 1px 14px), linear-gradient(145deg, #0f172af5, #080d22e0);box-shadow:0 0 0 1px color-mix(in srgb, var(--pixel) 25%, transparent) inset, 9px 9px 0 #00000057, 0 24px 76px color-mix(in srgb, var(--pixel) 28%, transparent);transform:translate(-2px,-5px)}.theme-day .pixel-project-card{background:linear-gradient(90deg, color-mix(in srgb, var(--pixel) 18%, transparent) 0 0) top left / 100% 4px no-repeat, repeating-linear-gradient(0deg, #7c2d120e 0 1px, transparent 1px 14px), repeating-linear-gradient(90deg, #7c2d120b 0 1px, transparent 1px 14px), linear-gradient(145deg, #fff7d6e6, #fed7aab8);box-shadow:0 0 0 1px #7c2d1214 inset, 7px 7px 0 #7c2d1233, 0 18px 50px color-mix(in srgb, var(--pixel) 20%, transparent)}.theme-day .pixel-project-card:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--pixel) 30%, transparent) 0 0) top left / 100% 5px no-repeat, repeating-linear-gradient(0deg, #7c2d1212 0 1px, transparent 1px 14px), repeating-linear-gradient(90deg, #7c2d120e 0 1px, transparent 1px 14px), linear-gradient(145deg, #fff7d6fa, #fed7aad1);box-shadow:0 0 0 1px color-mix(in srgb, var(--pixel) 22%, transparent) inset, 9px 9px 0 #7c2d1238, 0 22px 60px color-mix(in srgb, var(--pixel) 24%, transparent)}.theme-day .project-card h3{color:#431407;text-shadow:1px 1px #fff7d6bf}.theme-day .project-card p{color:#5f2411}.theme-day .pixel-corner-dots i:nth-child(3){background:#7c2d128f}.theme-day .details-hint{color:#9a3412}.theme-day .pixel-shape.square,.theme-day .pixel-shape.circle{border-color:var(--pixel)}.stack-row,.concept-list{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.stack-row span,.concept-list span{color:#cbd5e1;background:#0f172aad;border:1px solid #94a3b82e;border-radius:999px;padding:4px 7px;font-size:.68rem}.text-link{color:#67e8f9;align-items:center;gap:6px;width:fit-content;margin-top:auto;padding-top:6px;font-size:.76rem;font-weight:850;transition:all .18s;display:inline-flex}.text-link.muted{color:#c4b5fd}.logo-toolbox-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.logo-toolbox-card{border-radius:26px;min-height:230px;padding:16px}.logo-toolbox-card.special-card{background:linear-gradient(145deg,#22d3ee1a,#0f172abd)}.theme-day .logo-toolbox-card.special-card{background:linear-gradient(145deg,#fff7d6c7,#ffedd5a3);border-color:#7c2d1233;box-shadow:0 24px 80px #9a34122e}.toolbox-title{align-items:center;gap:10px;margin-bottom:12px;display:flex}.logo-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.logo-chip{color:#e2e8f0;background:#0206177a;border:1px solid #94a3b82e;border-radius:14px;align-items:center;gap:7px;min-height:34px;padding:6px 8px;font-size:.72rem;font-weight:800;display:flex}.logo-chip img,.logo-fallback{object-fit:contain;flex:none;width:18px;height:18px}.logo-fallback{color:#020617;background:linear-gradient(135deg,#22d3ee,#a78bfa);border-radius:7px;place-items:center;font-size:.58rem;font-weight:950;display:grid}.contact-panel,.connect-panel{border-radius:42px}.redesigned-contact{width:min(1160px,100%);margin:0 auto;padding:clamp(20px,3vw,34px)}.redesigned-contact h2{max-width:980px;font-size:clamp(1.8rem,3vw,3.2rem)}.contact-layout{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:16px;margin-top:20px;display:grid}.contact-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.contact-form label:nth-of-type(3),.contact-form button{grid-column:1/-1}.contact-form label{color:#cbd5e1;gap:7px;font-weight:800;display:grid}.contact-form input,.contact-form textarea{color:#e2e8f0;resize:vertical;background:#02061794;border:1px solid #94a3b838;border-radius:16px;outline:none;width:100%;padding:11px 12px}.contact-form textarea{min-height:88px;max-height:112px}.contact-form input:focus,.contact-form textarea:focus{border-color:#22d3eea8;box-shadow:0 0 0 4px #22d3ee1f}.contact-links{gap:8px;display:grid}.contact-links a{color:#e2e8f0;background:#0f172a8f;border:1px solid #94a3b82e;border-radius:18px;align-items:center;gap:11px;min-height:50px;padding:11px 12px;font-weight:850;transition:transform .18s,border .18s,background .18s;display:flex}.contact-links a:hover{background:#22d3ee17;border-color:#22d3ee80}.contact-links svg{color:#22d3ee;flex:none}.about-intro,.about-card,.identity-card,.logo-toolbox-card,.connect-panel,.contact-links a{border:2px solid var(--pixel);background:linear-gradient(90deg, color-mix(in srgb, var(--pixel) 22%, transparent) 0 0) top left / 100% 4px no-repeat, repeating-linear-gradient(0deg, #94a3b80a 0 1px, transparent 1px 14px), repeating-linear-gradient(90deg, #94a3b809 0 1px, transparent 1px 14px), linear-gradient(145deg, #080d22eb, #020617c2);box-shadow:0 0 0 1px #ffffff0a inset, 7px 7px 0 #00000047, 0 18px 54px color-mix(in srgb, var(--pixel) 18%, transparent);border-radius:0;position:relative;overflow:hidden}.about-intro:hover,.about-card:hover,.identity-card:hover,.logo-toolbox-card:hover,.connect-panel:hover,.contact-links a:hover{border-color:var(--pixel-2);background:linear-gradient(90deg, color-mix(in srgb, var(--pixel) 30%, transparent) 0 0) top left / 100% 5px no-repeat, repeating-linear-gradient(0deg, color-mix(in srgb, var(--pixel) 8%, transparent) 0 1px, transparent 1px 14px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--pixel-2) 7%, transparent) 0 1px, transparent 1px 14px), linear-gradient(145deg, #0f172af5, #080d22e0);box-shadow:0 0 0 1px color-mix(in srgb, var(--pixel) 24%, transparent) inset, 9px 9px 0 #00000057, 0 24px 76px color-mix(in srgb, var(--pixel) 24%, transparent);transform:translate(-2px,-5px)}.theme-day .about-intro,.theme-day .about-card,.theme-day .identity-card,.theme-day .logo-toolbox-card,.theme-day .connect-panel,.theme-day .contact-links a{background:linear-gradient(90deg, color-mix(in srgb, var(--pixel) 18%, transparent) 0 0) top left / 100% 4px no-repeat, repeating-linear-gradient(0deg, #7c2d120e 0 1px, transparent 1px 14px), repeating-linear-gradient(90deg, #7c2d120b 0 1px, transparent 1px 14px), linear-gradient(145deg, #fff7d6eb, #fed7aab8);box-shadow:0 0 0 1px #7c2d1214 inset, 7px 7px 0 #7c2d122e, 0 18px 50px color-mix(in srgb, var(--pixel) 18%, transparent)}.theme-day .about-intro:hover,.theme-day .about-card:hover,.theme-day .identity-card:hover,.theme-day .logo-toolbox-card:hover,.theme-day .connect-panel:hover,.theme-day .contact-links a:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--pixel) 28%, transparent) 0 0) top left / 100% 5px no-repeat, repeating-linear-gradient(0deg, #7c2d1212 0 1px, transparent 1px 14px), repeating-linear-gradient(90deg, #7c2d120e 0 1px, transparent 1px 14px), linear-gradient(145deg, #fff7d6fa, #fed7aad6);box-shadow:0 0 0 1px color-mix(in srgb, var(--pixel) 22%, transparent) inset, 9px 9px 0 #7c2d1238, 0 22px 60px color-mix(in srgb, var(--pixel) 22%, transparent)}.form-note{color:#94a3b8;align-items:center;gap:8px;margin-top:18px;font-size:.88rem;display:inline-flex}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020617b8;place-items:center;padding:clamp(18px,4vw,54px);display:grid;position:fixed;inset:0}.project-modal{color:#e2e8f0;background:radial-gradient(circle at 10% 0,#22d3ee2e,#0000 32%),radial-gradient(circle at 95% 18%,#f472b624,#0000 30%),linear-gradient(145deg,#080d22fa,#020617f5);border:1px solid #22d3ee4d;border-radius:34px;width:min(880px,100%);max-height:min(820px,100vh - 40px);padding:clamp(18px,2.6vw,30px);position:relative;overflow:auto;box-shadow:0 34px 120px #00000094}.modal-close{color:#e2e8f0;background:#0f172ab8;border:1px solid #94a3b833;border-radius:999px;place-items:center;width:42px;height:42px;transition:all .18s;display:grid;position:absolute;top:18px;right:18px}.modal-close:hover{background:#22d3ee21;border-color:#22d3ee8c;transform:rotate(4deg)scale(1.04)}.modal-heading{padding-right:48px}.modal-heading h2{max-width:720px;margin-top:12px;font-size:clamp(1.8rem,3.35vw,3rem)}.modal-heading p,.modal-section p,.private-note{color:#cbd5e1;line-height:1.58}.modal-heading p{margin-top:14px;font-size:1.02rem}.modal-section{margin-top:14px}.modal-section strong,.github-meta-grid strong{color:#f8fafc;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:.78rem;display:block}.muted-panel{background:#0f172a94;border:1px solid #94a3b829;border-radius:20px;padding:14px}.github-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.github-meta-grid div{background:#0206177a;border:1px solid #94a3b829;border-radius:18px;padding:13px}.github-meta-grid span{color:#bae6fd;font-weight:900}.modal-section ul{color:#cbd5e1;gap:8px;margin:0;padding-left:20px;line-height:1.45;display:grid}.modal-chip-row{flex-wrap:wrap;gap:8px;display:flex}.stack-highlight-section{background:radial-gradient(circle at 12% 0,#22d3ee1f,#0000 34%),#0f172a6b;border:1px solid #22d3ee38;border-radius:22px;padding:14px}.stack-highlight-section strong{color:#67e8f9}.highlighted-keywords{gap:9px}.keyword-chip{color:#e2e8f0;background:linear-gradient(135deg,#22d3ee1f,#a78bfa1a),#0f172ab8;border:1px solid #22d3ee47;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:7px 10px;font-size:.78rem;font-weight:850;display:inline-flex;box-shadow:0 0 18px #22d3ee14}.keyword-chip.has-logo{border-color:#7dd3fc6b;box-shadow:0 0 22px #22d3ee1f}.keyword-chip img,.keyword-fallback{flex:none;width:18px;height:18px}.keyword-chip img{object-fit:contain}.keyword-fallback{color:#020617;letter-spacing:-.02em;background:linear-gradient(135deg,#22d3ee,#a78bfa);border-radius:6px;place-items:center;font-size:.56rem;font-weight:950;display:grid}.modal-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.private-note{background:#a78bfa1a;border:1px solid #a78bfa3d;border-radius:18px;padding:12px 14px}.slide-controls{z-index:22;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:62%;left:18px;right:18px;transform:translateY(-50%)}.slide-controls button{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020617b3;border:1px solid #94a3b838;border-radius:999px;place-items:center;width:54px;height:54px;transition:all .18s;display:grid;box-shadow:0 18px 50px #00000059}.slide-controls button:not(:disabled):hover{background:#22d3ee3d;transform:translateY(-1px)scale(1.04)}.slide-controls button:disabled{opacity:0;visibility:hidden;cursor:not-allowed}.slide-controls span{display:none}@media (width<=1180px){:root{--page-gutter:clamp(42px, 6vw, 82px);--top-safe:112px;--bottom-safe:56px}.topbar nav{display:none}.hero-layout,.about-layout,.contact-layout{grid-template-columns:1fr}.slide-content{max-height:none}.graph-stage{min-height:420px}.projects-grid,.logo-toolbox-grid,.github-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){:root{--page-gutter:18px;--top-safe:104px;--bottom-safe:84px}.topbar{top:12px;left:12px;right:12px}.progress-rail{top:78px;left:22px;right:22px}.brand span:last-child{display:none}.slide{padding:var(--top-safe) var(--page-gutter) var(--bottom-safe)}.slide-content{width:100%}h1{font-size:clamp(2.45rem,12vw,3.55rem)}h2,.compact-header h2,.redesigned-contact h2{font-size:clamp(2rem,10vw,3rem)}.about-grid,.projects-grid,.logo-toolbox-grid,.github-meta-grid{grid-template-columns:1fr}.about-card{grid-template-columns:44px 1fr}.project-modal{border-radius:24px}.modal-heading{padding-right:38px}.slide-controls{left:8px;right:8px}.slide-controls button{width:44px;height:44px}.graph-label{font-size:.62rem}}