@import "https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Inter:wght@300;400;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.max-h-\[90vh\]{max-height:90vh}.w-full{width:100%}.max-w-none{max-width:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.border{border-style:var(--tw-border-style);border-width:1px}.bg-transparent{background-color:#0000}.text-center{text-align:center}.overline{text-decoration-line:overline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--color-bg:#131216;--text:#e6ecef;--muted:#9aa2a6;--panel:#111213;--accent-cyan:#5de6ff;--accent-pink:#ff6b9f;--accent-yellow:#ffd166;--color-mint:#77dacd;--color-peach:#f09e75;--color-highlight:#b1b1d8;--shadow-1:0 12px 30px #0009}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}h1,h2,h3{color:var(--text);margin:0;font-family:Poppins,system-ui,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.wrapper{max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:5.5rem 0}.sf-flow{--flow-space:1rem}.sf-flow>*+*{margin-top:var(--flow-space)}.section--hero{grid-template-columns:1fr min(420px,46%);align-items:center;gap:clamp(24px,4vw,48px);padding-top:6rem;padding-bottom:5rem;display:grid}.hero-content{max-width:64ch}.Hero__heading{word-break:break-word;color:var(--color-dark);margin:0;font-family:Poppins,system-ui,sans-serif;font-size:clamp(1.75rem,6vw,4.5rem);font-weight:700;line-height:1.05}.hero-intro{color:var(--muted);margin-top:3rem;font-size:1.05rem}.hero-card{position:relative}@keyframes draw{to{stroke-dashoffset:0}}.binary-rain{pointer-events:none;z-index:0;opacity:.3;grid-template-columns:repeat(6,1fr);gap:6px;width:420px;height:420px;display:grid;position:absolute;top:0;right:0;transform:translateY(-18px)}.binary-rain .bit{animation:fall var(--dur,6s)linear infinite;will-change:transform,opacity,filter;opacity:0;text-shadow:0 2px 6px #0009;padding:0 2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:12px;display:inline-block;transform:translateY(-140%)}.bit-color-1{color:#5de6ff;filter:drop-shadow(0 6px 14px #5de6ff14)}.bit-color-2{color:#ff6b9f;filter:drop-shadow(0 6px 14px #ff6b9f0f)}.bit-color-3{color:#ffd166;filter:drop-shadow(0 6px 14px #ffd1660f)}.bit-color-4{color:#caa6e6;filter:drop-shadow(0 6px 14px #caa6e60f)}.bit-color-5{color:#9ad4ff;filter:drop-shadow(0 6px 14px #9ad4ff0d)}.bit-color-6{color:#a8f7d1;filter:drop-shadow(0 6px 14px #a8f7d10d)}@keyframes fall{0%{opacity:0;transform:translateY(-140%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(160%)}}@keyframes bit-fall{0%{opacity:0;transform:translateY(-140%)}10%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(160%)}}.code-window{z-index:6;background:linear-gradient(#0a0a0af0,#080808db);border:1px solid #ffffff0a;border-radius:10px;width:calc(100% - 44px);max-width:310px;height:55%;padding:10px;position:absolute;top:38px;left:38px;overflow:hidden;transform:translateZ(0);box-shadow:0 12px 40px #0009}.cw-header{align-items:center;gap:8px;padding:6px 8px;display:flex}.cw-header .dot{border-radius:50%;width:10px;height:10px;display:inline-block}.cw-header .dot.red{background:#ff6b6b}.cw-header .dot.yellow{background:#ffd166}.cw-header .dot.green{background:#7adf7a}.cw-body{color:#dbeafe;white-space:pre-wrap;margin:0;padding:4px 10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:13px;line-height:1.35}.cw-line{align-items:center;gap:6px;display:flex}.cw-text{color:#ffffffeb}.cw-cursor{color:var(--accent-cyan);margin-left:4px;font-weight:700}.hero-card.animate .code-line{animation:2.6s ease-in-out infinite neon}@keyframes neon{0%{opacity:.95;filter:drop-shadow(0 6px 18px #00000073);transform:translate(0)}50%{opacity:1;filter:drop-shadow(0 10px 28px #0009);transform:translate(1px)}to{opacity:.95;filter:drop-shadow(0 6px 18px #00000073);transform:translate(0)}}.hero-card:after{content:"";pointer-events:none;opacity:.8;z-index:2;background:radial-gradient(600px 300px at 20% 10%,#5de6ff0f,#0000 20%),radial-gradient(300px 200px at 80% 80%,#ff6b9f08,#0000 20%);border-radius:16px;transition:opacity .42s,transform .42s;position:absolute;inset:0}.hero-card:hover:after{opacity:1;transform:scale(1.02)}.path-anim{stroke-dasharray:600;stroke-dashoffset:600px;opacity:.98}.hero-card.animate .path-anim.p1{animation:.9s .15s forwards draw}.hero-card.animate .path-anim.p2{animation:.95s .28s forwards draw}.hero-card.animate .path-anim.p3{animation:1.05s .42s forwards draw}.js-fun{color:var(--color-mint);font-weight:800}.js-interactive{color:var(--color-highlight)}.hero-actions{align-items:center;gap:.75rem;margin-top:3rem;display:flex}.show-desktop{display:block}.show-mobile{display:none}.hero-illustration-wrap{justify-content:center;display:flex}.hero-card{width:100%;max-width:420px;box-shadow:var(--shadow-1);transform-origin:50%;background:linear-gradient(#f7eec2,#f7eec2);border-radius:16px;overflow:hidden}.hero-card svg,.hero-card img{-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.accent-bars{align-items:center;gap:10px;margin-bottom:14px;display:flex}.bar{border-radius:999px;height:8px}.bar.c1{background:linear-gradient(90deg,var(--accent-pink),var(--color-peach));width:120px}.bar.c2{background:linear-gradient(90deg,var(--accent-cyan),#66ffd9);width:88px}.bar.c3{background:linear-gradient(90deg,#9ad4ff,#a8f7d1);width:40px}.bg-panel{box-shadow:var(--shadow-1);background:linear-gradient(#ffffff05,#0000);border-radius:12px}.section-heading{color:var(--text);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.projects-wrap{margin-top:18px}.projects-grid{grid-template-columns:repeat(1,1fr);gap:20px;display:grid}@media (min-width:760px){.projects-grid{grid-template-columns:repeat(1,1fr)}}@media (min-width:1200px){.projects-grid{grid-template-columns:repeat(1,1fr)}}.grid-card{background:linear-gradient(#ffffff05,#ffffff03);border-radius:14px;grid-template-columns:1fr 450px;align-items:stretch;gap:20px;padding:20px;transition:transform .28s cubic-bezier(.2,.9,.3,1),box-shadow .28s;display:grid;overflow:hidden;box-shadow:0 14px 40px #0009}@media (max-width:759px){.grid-card{grid-template-columns:1fr;grid-auto-rows:auto}.project-media{order:-1}}.project-meta{flex-direction:column;justify-content:space-between;min-height:180px;display:flex}.project-title{color:var(--text);margin-bottom:8px;font-size:1.05rem;font-weight:700}.project-excerpt{color:var(--muted);margin-bottom:8px}.project-desc{color:#ffffffad;margin-top:8px;font-size:.95rem;line-height:1.45}.project-tech{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tech-badge{color:#ffffffc7;background:#ffffff05;border:1px solid #ffffff05;border-radius:8px;padding:6px 8px;font-size:12px}.project-ctas{align-items:center;gap:10px;margin-top:12px;display:flex}.btn-primary{background:linear-gradient(90deg,var(--accent-cyan),var(--accent-pink));color:#061017;cursor:pointer;border-radius:10px;padding:.5rem .9rem;font-weight:600}.project-media{justify-content:center;align-items:center;min-height:170px;display:flex;position:relative}.media-inner{transform-origin:50%;border-radius:10px;width:100%;height:100%;overflow:hidden;box-shadow:0 10px 30px #0009}.media-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.media-placeholder{background:linear-gradient(#ffffff05,#ffffff03);width:100%;height:170px}.grid-card:hover,.grid-card:focus-within{transform:translateY(-8px);box-shadow:0 26px 70px #000000b3}.grid-card:focus-within{outline:3px solid #5de6ff14}.grid-card .media-inner:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000001f);position:absolute;inset:0}.about-section{padding-top:4.5rem;padding-bottom:4.5rem}.about-grid{grid-template-columns:1fr 420px;align-items:start;gap:2.25rem;display:grid}@media (max-width:900px){.about-grid{grid-template-columns:1fr}}.overline{letter-spacing:.06em;margin-top:4rem;font-size:2rem}.about-title{color:var(--text);margin:.35rem 0 1rem;font-family:Poppins,system-ui,sans-serif;font-size:clamp(1.9rem,4.6vw,2.4rem);font-weight:700;line-height:1.02}.about-paragraph{color:var(--muted);max-width:70ch;margin-top:.6rem}.about-grid-meta{color:var(--muted);grid-template-columns:1fr 1fr;gap:1.1rem;margin-top:1.1rem;display:grid}@media (max-width:640px){.about-grid-meta{grid-template-columns:1fr}}.about-ctas{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.small-link{color:var(--muted);font-size:.95rem}.about-stats{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;padding:0;list-style:none;display:flex}.stat{background:linear-gradient(#ffffff05,#00000005);border-radius:12px;min-width:108px;padding:12px 14px;box-shadow:0 12px 36px #0000008c}.stat-value{font-size:1.05rem;font-weight:700}.stat-label{color:var(--muted);font-size:.85rem}.about-illustration-wrap{justify-content:center;align-items:center;display:flex}.about-illustration{background:radial-gradient(600px 300px at 20% 10%,#5de6ff05,#0000 20%),radial-gradient(300px 180px at 80% 80%,#ff6b9f04,#0000 20%);border-radius:18px;width:100%;max-width:420px;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000a6}.about-illustration-svg{fill:none;filter:drop-shadow(0 22px 44px #0009);border-radius:14px;width:100%;height:auto;display:block}@media (max-width:520px){.about-paragraph{max-width:100%}.about-stats{flex-direction:row;overflow-x:auto}}.developer-persona{width:100%;height:auto;display:block}.persona-float{transform-origin:210px 210px;animation:6s ease-in-out infinite personaFloat}@keyframes personaFloat{0%{transform:translateY(0)}50%{transform:translateY(-6px)rotate(-.3deg)}to{transform:translateY(0)}}.developer-persona .ribbon{opacity:.85;transform-origin:50%;animation:5s linear infinite ribbonShift}.developer-persona .ribbon.r1{animation-duration:5.6s}.developer-persona .ribbon.r2{opacity:.7;animation-duration:6.8s;animation-delay:.4s}@keyframes ribbonShift{0%{stroke-dashoffset:0;filter:drop-shadow(0 6px 10px #00000073);transform:translate(0)}50%{opacity:1;transform:translate(3px)translateY(-1px)}to{transform:translate(0)}}.about-illustration:hover .accent-line{transform-origin:0;animation:.65s cubic-bezier(.2,.9,.3,1) forwards accentPop}@keyframes accentPop{0%{opacity:.6;transform:scaleX(.6)}to{opacity:1;transform:scaleX(1)}}@media (max-width:900px){.about-illustration{max-width:92%;margin:0 auto}.developer-persona{max-width:420px}}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:420px){.project-title{font-size:1rem}.project-card .pc-body{margin-top:-28px;margin-left:12px;margin-right:12px;padding:14px}}.section-nav{z-index:50;flex-direction:column;gap:50px;display:flex;position:fixed;top:50%;left:24px;transform:translateY(-50%)}.section-nav a{writing-mode:vertical-rl;color:var(--muted);padding:8px 0;font-size:24px;transform:rotate(180deg)}.section-nav a.active{color:var(--accent-cyan);font-weight:600}.text-muted{color:var(--muted)}.Illustration{width:100%;height:auto;max-height:72vh;display:block}.contact-section{padding-top:4.5rem;padding-bottom:4.5rem}.contact-grid{grid-template-columns:1fr 420px;align-items:start;gap:clamp(20px,4vw,48px);display:grid;position:relative}.contact-title{color:var(--text);margin:0 0 .75rem;font-family:Poppins,system-ui,sans-serif;font-size:clamp(1.6rem,4.2vw,2.6rem);font-weight:700}.contact-lead{color:var(--muted);max-width:62ch;margin-bottom:1.15rem}.contact-form{margin-top:14px}.inputs-row{gap:12px;margin-bottom:12px;display:flex}.input{color:var(--text);background:#ffffff05;border:1px solid #ffffff08;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:.95rem;transition:box-shadow .18s,transform .12s}.input:focus{border-color:#5de6ff1f;transform:translateY(-1px);box-shadow:0 8px 20px #5de6ff0f}.textarea{width:96%;color:var(--text);resize:vertical;background:#ffffff05;border:1px solid #ffffff08;border-radius:10px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:.95rem;line-height:1.45;transition:box-shadow .18s}.textarea:focus{border-color:#5de6ff1f;box-shadow:0 12px 28px #5de6ff0a}.form-row{align-items:center;gap:12px;margin-top:12px;display:flex}.btn-primary{background:linear-gradient(90deg,var(--accent-cyan),var(--accent-pink));color:#061017;cursor:pointer;border:none;border-radius:10px;padding:.55rem 1rem;font-weight:600;box-shadow:0 8px 24px #00000080}.btn-primary:disabled{opacity:.7;cursor:default}.btn-ghost{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff08;border-radius:10px;padding:.5rem .9rem}.download-link{color:#ffffffbf;margin-left:6px;font-size:.95rem;text-decoration:underline}.contact-footer{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:18px;margin-top:14px;display:flex}.find-me{color:var(--muted);align-items:center;gap:8px;display:flex}.chip{color:var(--text);background:#ffffff05;border:1px solid #ffffff08;border-radius:999px;margin-left:8px;padding:6px 10px;font-size:.92rem;text-decoration:none;display:inline-block}.form-error{color:#ff9aa2;margin-left:8px;font-size:1.5rem}.contact-right{justify-content:center;align-items:flex-start;margin:auto 0;display:flex}.visual-card{background:linear-gradient(#ffffff03,#fff0);border-radius:18px;justify-content:center;align-items:center;width:100%;max-width:420px;min-height:320px;padding:22px;display:flex;position:relative;box-shadow:0 20px 70px #0009}.connect-svg{width:100%;max-width:360px;height:auto;display:block;overflow:visible}.visual-note{fill:#ffffff4d;font-family:Inter,system-ui,sans-serif}@media (max-width:960px){.contact-grid{grid-template-columns:1fr}.contact-right{margin-top:20px}.inputs-row{flex-direction:column}}.contact-title,.contact-lead,.input,.textarea,.chip{transition:all .18s}html.night{--color-mint:#774069;--color-lilac:#4c3a69;--text:#fafafa;--color-bg:#111013}@media (max-width:900px){.hero-content{margin-top:1rem}.show-desktop{display:none!important}.show-mobile{display:block!important}.section--hero{grid-template-columns:1fr;gap:20px;padding-top:4rem;padding-bottom:3rem}.hero-actions{margin-top:2rem}.hero-card{max-width:90%;margin:2rem auto}.section-nav{display:none}.container{width:95%;padding:0}.binary-rain{display:none}.code-window{max-width:80%;height:63%;top:18px;left:18px}.about-illustration-wrap{width:300px;margin:0 auto}.visual-card{max-width:300px}.input,.textarea{max-width:90%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}