:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#f97316;--accent-bg:#f973161a;--accent-border:#f9731680;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Inter", system-ui, -apple-system, sans-serif;--heading:"Inter", system-ui, -apple-system, sans-serif;--mono:"Fira Code", ui-monospace, Consolas, monospace;--section-padding:40px 24px 80px;--border-radius:12px;--container-width:1000px;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .5s,color .5s}@media (width<=1024px){:root{--section-padding:48px 20px;font-size:16px}}@media (prefers-color-scheme:dark){:root:not(.light){--text:#9ca3af;--text-h:#f3f4f6;--bg:#0f172a;--border:#1e293b;--code-bg:#1e293b;--accent:#fb923c;--accent-bg:#fb923c26;--accent-border:#fb923c80;--social-bg:#1e293b80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root.dark{--text:#9ca3af;--text-h:#f3f4f6;--bg:#0f172a;--border:#1e293b;--code-bg:#1e293b;--accent:#fb923c;--accent-bg:#fb923c26;--accent-border:#fb923c80;--social-bg:#1e293b80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root.light{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#f97316;--accent-bg:#f973161a;--accent-border:#f9731680;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#0000;background-clip:content-box;border:3px solid #0000;border-radius:10px;transition:background-color .3s}html.is-scrolling::-webkit-scrollbar-thumb{background-color:var(--accent)}html:hover::-webkit-scrollbar-thumb{background-color:var(--accent)}::-webkit-scrollbar-thumb:hover{background-color:var(--accent)}html{scrollbar-width:thin;scrollbar-color:transparent transparent}html.is-scrolling,html:hover{scrollbar-color:var(--accent) transparent}#root{flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{background-color:var(--bg);margin:0;transition:background-color .5s,color .5s,border-color .5s}*,:before,:after{transition:background-color .5s,color .5s,border-color .5s,box-shadow .5s}.hero-blob,.hero-photo-container,.skill-bubble,.parallax>use{transition:transform .1s ease-out,background-color .5s,color .5s,border-color .5s}h1,h2,h3{font-family:var(--heading);color:var(--text-h);font-weight:700;line-height:1.2}h1{letter-spacing:-.05em;margin:0 0 1rem;font-size:clamp(2.5rem,8vw,4rem)}h2{letter-spacing:-.03em;margin-bottom:2rem;font-size:clamp(1.75rem,5vw,2.5rem)}h3{margin-bottom:.5rem;font-size:1.25rem}p{max-width:60ch;margin:0 0 1.5rem}:root{--cursor-default:0 4px 0 #000, 0 8px 0 #000, 0 12px 0 #000, 0 16px 0 #000, 0 20px 0 #000, 4px 4px 0 #fff, 4px 8px 0 #fff, 4px 12px 0 #fff, 4px 16px 0 #fff, 4px 20px 0 #000, 8px 8px 0 #fff, 8px 12px 0 #fff, 8px 16px 0 #fff, 8px 20px 0 #000, 12px 12px 0 #fff, 12px 16px 0 #fff, 12px 20px 0 #000, 16px 16px 0 #fff, 16px 20px 0 #000, 20px 20px 0 #000;--cursor-pointer:8px 0 0 #000, 12px 0 0 #000, 8px 4px 0 #000, 12px 4px 0 #fff, 16px 4px 0 #000, 8px 8px 0 #000, 12px 8px 0 #fff, 16px 8px 0 #000, 4px 12px 0 #000, 8px 12px 0 #fff, 12px 12px 0 #fff, 16px 12px 0 #000, 0 16px 0 #000, 4px 16px 0 #fff, 8px 16px 0 #fff, 12px 16px 0 #fff, 16px 16px 0 #000, 0 20px 0 #000, 4px 20px 0 #fff, 8px 20px 0 #fff, 12px 20px 0 #fff, 16px 20px 0 #000, 4px 24px 0 #000, 8px 24px 0 #000, 12px 24px 0 #000, 16px 24px 0 #000;--cursor-text:-4px 0 0 #000, 4px 0 0 #000, -4px 16px 0 #000, 4px 16px 0 #000}*{cursor:none!important}.section{padding:var(--section-padding)}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.section-title{color:var(--text-h);margin-bottom:3rem;font-size:clamp(2rem,5vw,3rem);display:inline-block;position:relative}.section-title:after{content:"";background:var(--accent);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-10px;left:0}.btn-primary{background:var(--accent);color:#fff;border:4px solid var(--text-h);text-transform:uppercase;box-shadow:4px 4px 0px var(--text-h);cursor:pointer;border-radius:4px;padding:12px 24px;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-block}.btn-primary:hover{box-shadow:6px 6px 0px var(--text-h);transform:translate(-2px,-2px)}.btn-primary:active{box-shadow:0px 0px 0px var(--text-h);transform:translate(4px,4px)}.pixel-cursor{pointer-events:none;z-index:2000000;background:var(--text-h);width:4px;height:4px;box-shadow:var(--cursor-default);position:fixed}.pixel-cursor.pointer{box-shadow:var(--cursor-pointer);background:0 0;transform:translate(-10px)}.pixel-cursor.text{background:var(--text-h);width:2px;height:16px;box-shadow:var(--cursor-text);transform:translate(-1px,-8px)}.hero-photo-wrapper{z-index:5;justify-content:center;align-items:flex-end;width:320px;height:320px;display:flex;position:absolute}.hero-photo-circle{background:var(--accent-bg);border:4px solid var(--accent);z-index:1;border-radius:50%;width:100%;height:100%;position:absolute;bottom:0;overflow:hidden}.hero-img-base,.hero-img-pop{object-fit:contain;object-position:bottom;width:400px;height:400px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-img-base{z-index:1}.hero-img-pop{z-index:10;clip-path:inset(0 0 250px)}.hero-photo-wrapper:hover .hero-img-base,.hero-photo-wrapper:hover .hero-img-pop{transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform:translate(-50%)scale(1.05)}.nav-vertical{z-index:1000000;background:color-mix(in srgb, var(--bg), transparent 80%);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff1a;border-radius:100px;padding:.75rem;position:fixed;top:50%;left:12px;transform:translateY(-50%);box-shadow:0 8px 32px #0000005e}.nav-vertical .nav-links{flex-direction:column;gap:1rem;display:flex}.nav-vertical a,.theme-toggle{width:40px;height:40px;color:var(--text);cursor:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:relative}.nav-vertical a svg,.theme-toggle svg{width:24px;height:24px}.nav-vertical a:hover,.theme-toggle:hover{color:var(--accent);transform:scale(1.1)}.flip-card{perspective:1000px;background-color:#0000;width:100%;height:160px;margin-bottom:1rem}.flip-card-inner{text-align:left;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);position:relative}.flip-card:hover .flip-card-inner{transform:rotateX(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:absolute}.flip-card-front h1,.flip-card-back h1{color:var(--text-h);text-shadow:0 4px 10px #0000001a;margin:0;line-height:1.1}.no-wrap{white-space:nowrap}.flip-card-back{transform:rotateX(180deg)}.flip-card-back h1{color:var(--accent);font-size:clamp(1.8rem,6vw,3rem)}.hero-text{max-width:600px}.hero{align-items:center;min-height:calc(100vh - 64px);display:flex}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;display:grid}.text-accent{color:var(--accent)}.hero-btns{gap:1rem;margin-top:2rem;display:flex}.btn-secondary{text-transform:uppercase;border:4px solid var(--text-h);color:var(--text-h);box-shadow:4px 4px 0px var(--text-h);cursor:pointer;border-radius:4px;padding:12px 24px;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-block}.btn-secondary:hover{box-shadow:6px 6px 0px var(--text-h);transform:translate(-2px,-2px)}.btn-secondary:active{box-shadow:0px 0px 0px var(--text-h);transform:translate(4px,4px)}.hero-visual{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.hero-blob{background:linear-gradient(135deg,#3b82f6 0%,#f97316 100%);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;justify-content:center;align-items:center;width:320px;height:320px;transition:transform .1s ease-out;animation:8s ease-in-out infinite alternate blob;display:flex;position:relative}@keyframes blob{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}to{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}}.logo-float{filter:drop-shadow(0 12px 24px #00000040);width:64px;height:64px;position:absolute}.logo-float.node{animation:4s ease-in-out infinite float;top:-10%;left:10%}.logo-float.go{animation:4s ease-in-out 1s infinite float;bottom:0%;right:-5%}.logo-float.python{animation:5s ease-in-out 1.5s infinite float;top:40%;left:-15%}.logo-float.ts{animation:4.5s ease-in-out .5s infinite float;bottom:40%;right:-20%}.logo-float.rust{animation:6s ease-in-out 2s infinite float;top:10%;right:-10%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(160px,auto);gap:1.5rem;margin-top:2rem;display:grid}.bento-item{background:var(--bg);border:1px solid var(--border);border-radius:24px;padding:1.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background-color .5s,border-color .5s,box-shadow .5s;position:relative;overflow:hidden}.bento-item:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-5px)scale(1.02)}.bento-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:1rem;font-size:.75rem;font-weight:700}.bio-card{background:linear-gradient(135deg, var(--accent-bg) 0%, var(--bg) 100%);flex-direction:column;grid-area:span 2/span 2;justify-content:center;display:flex}.bio-card h3{margin-bottom:1rem;font-size:1.75rem}.status-card{grid-area:span 1/span 1;align-items:center;display:flex}.status-content{align-items:center;gap:1rem;display:flex}.status-icon{font-size:2rem}.focus-card{grid-area:span 1/span 1}.focus-list{flex-wrap:wrap;gap:.5rem;display:flex}.focuslist span{background:var(--accent-bg);color:var(--accent);border-radius:100px;padding:6px 12px;font-size:.85rem;font-weight:600}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.bento-grid{grid-template-columns:1fr}.bento-item{grid-area:span 1/span 1!important}}body{background-color:var(--bg);margin:0;overflow-x:hidden}.section.skills{padding-left:0;padding-right:0}.ocean-full{background:linear-gradient(#0000 0%,#3b82f61a 100%);flex-direction:column;justify-content:flex-end;width:100%;height:400px;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.bubble-field{z-index:10;width:100%;height:70%;position:absolute;top:0;left:0}.skill-bubble{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;-webkit-user-select:none;user-select:none;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;animation:6s ease-in-out infinite float-bubble;display:flex;box-shadow:inset 0 10px 20px #fff6,0 15px 35px #0000001a,inset 0 -10px 20px #3b82f633}.skill-bubble:active{transform:scale(.95)}.skill-bubble.dragging{z-index:100;border-color:var(--accent);animation:none;box-shadow:0 25px 50px #0003}.bubble-content h3{color:var(--text-h);margin:0 0 .5rem;font-size:1rem}.bubble-content p{color:var(--text);margin:0;padding:0 1rem;font-size:.75rem;line-height:1.4}.bubble-feflection{background:linear-gradient(135deg,#fff6 0%,#0000 100%);border-radius:50%;width:30%;height:30%;position:absolute;top:15%;left:15%}@keyframes float-bubble{0%,to{border-radius:50%;transform:translate(0)rotate(0)}33%{border-radius:45% 55% 50% 50%/50% 50% 55% 45%;transform:translate(10px,-20px)rotate(2deg)}66%{border-radius:55% 45%/45% 55%;transform:translate(-10px,15px)rotate(-2deg)}}.waves-full{z-index:5;width:100%;height:200px;position:relative}.wave-svg{width:100%;height:100%;margin-bottom:-7px;position:relative}.parallax>use{animation:25s cubic-bezier(.55,.5,.45,.5) infinite move-forever}.parallax>use:first-child{animation-duration:7s;animation-delay:-2s}.parallax>use:nth-child(2){animation-duration:10s;animation-delay:-3s}.parallax>use:nth-child(3){animation-duration:13s;animation-delay:-4s}.parallax>use:nth-child(4){animation-duration:20s;animation-delay:-5s}@keyframes move-forever{0%{transform:translate(-90px)}to{transform:translate(85px)}}@media (width<=768px){.oceanFull{height:500px}.skillBubble{width:140px;height:140px}}.projects-grid{flex-direction:column;gap:4rem;display:flex}.project-card{background:var(--bg);border-radius:var(--border-radius);border:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s,background-color .5s,border-color .5s;display:grid;overflow:hidden}.project-card:hover{box-shadow:var(--shadow);border-color:var(--accent);transform:translateY(-8px)scale(1.01)}.scroll-reveal{opacity:0;transition:all .8s cubic-bezier(.175,.885,.32,1.275)}.scroll-reveal.show-left,.scroll-reveal.show-right{opacity:1;transform:translate(0)rotate(0)}.project-card:nth-child(odd).scroll-reveal{transform:translate(-100px)rotate(-5deg)}.project-card:nth-child(2n).scroll-reveal{transform:translate(100px)rotate(5deg)}.project-card.show-left,.project-card.show-right{opacity:1;transform-style:preserve-3d;transform:translate(0)rotate(0)}.project-img-container{height:350px;position:relative;overflow:hidden}.project-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-img{transform:scale(1.1)}.project-content{padding:3rem}@media (width<=768px){.project-card{grid-template-columns:1fr}.project-content{padding:2rem}.project-img-placeholder{height:200px}}.project-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.project-tags span{background:var(--accent-bg);color:var(--accent);border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600}.project-links{gap:1rem;display:flex}.project-links a{text-transform:uppercase;color:#fff;background:var(--accent);cursor:pointer;border:3px solid #000;border-radius:4px;padding:8px 16px;font-size:.8rem;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-block;box-shadow:3px 3px #000}.project-links a:hover{color:var(--accent);background:#fff;transform:translate(-1px,-1px);box-shadow:4px 4px #000}.project-links a:active{transform:translate(3px,3px);box-shadow:0 0 #000}.contact-card{text-align:center;background:var(--social-bg);border-radius:24px;padding:4rem}.social-links{justify-content:center;gap:2rem;margin-top:2rem;display:flex}.social-links a{color:var(--text-h);border-bottom:2px solid #0000;padding:8px 16px;font-weight:700;text-decoration:none;transition:border-color .3s}.social-links a:hover{border-color:var(--accent)}.footer{border-top:1px solid var(--border);text-align:center;padding:2rem 0;font-size:.9rem}@media (width<=1024px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-text{order:2}.hero-visual{order:1}.hero-btns{justify-content:center}.nav-links{display:none}}