:root{--bg: #0d1117;--text: #c9d1d9;--heading: #f0f6fc;--muted: #8b949e;--accent: #3fb950;--border: #21262d;--font: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:inherit}.layout{position:relative;z-index:1;min-height:100vh}.page-particles{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;transition:opacity .15s ease-out;--scroll-progress: 0;background:radial-gradient(ellipse 90% 70% at 50% calc(20% + var(--scroll-progress) * 40%),rgba(63,185,80,calc(.07 - var(--scroll-progress) * .05)),transparent 70%)}.page-particles canvas{display:block}.content{max-width:760px;margin:0 auto;padding:0 2rem 4rem}.section{margin-bottom:5rem;scroll-margin-top:2rem}.section h2{font-size:.75rem;font-family:var(--mono);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 1.5rem}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:2rem 0 5rem}.hero-inner{position:relative;max-width:36rem}.hello{font-family:var(--mono);font-size:.85rem;color:var(--muted);margin:0 0 .5rem}.hero h1{font-size:clamp(2.75rem,8vw,4rem);font-weight:600;color:var(--heading);margin:0 0 1rem;line-height:1.1;letter-spacing:-.02em}.role{font-size:1.125rem;color:var(--muted);margin:0 auto;max-width:28rem}.scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s;animation:scroll-bob 2.2s ease-in-out infinite}.scroll-hint:hover{color:var(--accent)}.scroll-hint svg{opacity:.85}@keyframes scroll-bob{0%,to{transform:translate(-50%) translateY(0);opacity:.55}50%{transform:translate(-50%) translateY(8px);opacity:1}}.cta{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.85rem;color:var(--accent);text-decoration:none;transition:gap .2s}.cta:hover{gap:.75rem}.arrow{flex-shrink:0}.about-text{margin:0 0 2rem;max-width:36rem}.skills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.skills li{font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.project-list{display:flex;flex-direction:column;gap:3rem}.project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1.75rem;align-items:start;padding-bottom:3rem;border-bottom:1px solid var(--border)}.project:last-child{border-bottom:none;padding-bottom:0}.project-visual{border-radius:10px;overflow:hidden;border:1px solid var(--border);background:#010409;aspect-ratio:4 / 3;min-height:200px}.project-screenshot{width:100%;height:100%;object-fit:cover;display:block}.project-body h3,.project h3{font-size:1.25rem;font-weight:600;color:var(--heading);margin:0}.project-sub{font-family:var(--mono);font-size:.8rem;color:var(--muted);margin:.25rem 0 0}.project-desc{margin:.75rem 0 1rem;max-width:32rem}.project-links a{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.8rem;color:var(--accent);text-decoration:none;transition:gap .2s}.project-links a:hover{gap:.65rem}.preview{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.preview-canvas{width:100%;height:100%;flex:1;display:block;cursor:crosshair}.preview-hint{position:absolute;bottom:.5rem;left:.65rem;font-family:var(--mono);font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;color:#8b949eb3;pointer-events:none}.preview--filerrank{padding:1rem 1.1rem;background:linear-gradient(180deg,#0c0f14,#07090c);font-family:var(--mono);overflow:hidden}.fr-kicker{margin:0;font-size:.4rem;letter-spacing:.14em;text-transform:uppercase;color:#6e7681}.fr-brand{margin:.25rem 0 0;font-size:.85rem;font-weight:600;letter-spacing:.2em;color:#e6edf3}.fr-tagline{margin:.35rem 0 .75rem;font-size:.48rem;line-height:1.4;color:#8b949e;letter-spacing:.02em}.fr-table{flex:1;display:flex;flex-direction:column;gap:.25rem;font-size:.48rem;color:#c9d1d9}.fr-head,.fr-row{display:grid;grid-template-columns:1.2fr 1.4fr 1.2fr 1.4fr;gap:.35rem;align-items:center;padding:.3rem .4rem;border-radius:3px}.fr-head{color:#6e7681;text-transform:uppercase;letter-spacing:.08em;font-size:.4rem}.fr-row{background:#161b22d9;border:1px solid #21262d;transition:border-color .25s ease,background .25s ease}.fr-row--active{border-color:#388bfd;background:#388bfd14}.fr-score{color:#3fb950;font-weight:500}.fr-ticker{font-weight:600;color:#e6edf3}.fr-note{margin:.65rem 0 0;font-size:.38rem;color:#6e7681;letter-spacing:.04em}.preview--deforestation{background:#0d1a12;overflow:hidden}.df-map{position:absolute;top:0;right:0;bottom:0;left:0}.df-study-box{position:absolute;top:12%;left:10%;width:78%;height:72%;border:1.5px dashed rgba(88,166,255,.55);border-radius:2px}.df-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:18px 18px;opacity:.5}.df-poly{position:absolute;border-radius:2px;opacity:.75}.df-poly--1{top:28%;left:22%;width:18%;height:14%;background:#f39c128c;border:1px solid #f39c12}.df-poly--2{top:42%;left:48%;width:22%;height:18%;background:#f39c1273;border:1px solid #f39c12}.df-poly--3{top:55%;left:30%;width:12%;height:10%;background:#e74c3c99;border:1px solid #e74c3c}.df-poly--4{top:35%;left:62%;width:14%;height:12%;background:#3498db73;border:1px solid #3498db}.df-poly--pulse{animation:df-pulse 2.4s ease-in-out infinite}@keyframes df-pulse{0%,to{box-shadow:0 0 #e74c3c66}50%{box-shadow:0 0 12px 4px #e74c3c59}}.df-overlay{position:relative;z-index:1;margin-top:auto;padding:.85rem 1rem;background:linear-gradient(180deg,transparent 0%,rgba(8,14,10,.92) 35%);font-family:var(--mono)}.df-kicker{margin:0;font-size:.42rem;letter-spacing:.12em;text-transform:uppercase;color:#58a6ff}.df-headline{margin:.3rem 0 .65rem;font-size:.58rem;color:#c9d1d9;letter-spacing:.02em}.df-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.df-legend li{display:flex;align-items:center;gap:.4rem;font-size:.45rem;color:#8b949e;text-transform:uppercase;letter-spacing:.06em}.df-swatch{width:8px;height:8px;border-radius:1px;flex-shrink:0}.df-count{margin-left:auto;color:#6e7681}.preview--ripple{background:linear-gradient(180deg,#1a2838,#0d1824 55%,#081018);overflow:hidden}.rp-pond{position:absolute;top:0;right:0;bottom:0;left:0}.rp-ripple{position:absolute;border-radius:50%;border:1px solid rgba(120,200,255,.35);opacity:0;transform:scale(.2)}.rp-ripple--1{left:38%;top:32%;width:48px;height:48px;margin:-24px 0 0 -24px}.rp-ripple--2{left:62%;top:48%;width:36px;height:36px;margin:-18px 0 0 -18px}.rp-ripple--1{animation:rp-ripple 1.8s ease-out infinite}.rp-ripple--2{animation:rp-ripple 1.8s ease-out infinite .9s}@keyframes rp-ripple{0%{opacity:.7;transform:scale(.2)}to{opacity:0;transform:scale(1.6)}}.rp-fish{position:absolute;width:14px;height:6px;border-radius:50% 40% 40% 50%;background:linear-gradient(90deg,#ff9f6b,#e86b4a);animation:rp-swim 5s ease-in-out infinite}.rp-fish:after{content:"";position:absolute;right:-4px;top:50%;margin-top:-3px;border:3px solid transparent;border-left:5px solid #e86b4a}.rp-fish--1{left:22%;top:40%;animation-delay:0s}.rp-fish--2{left:55%;top:28%;width:10px;height:5px;background:linear-gradient(90deg,#7ec8e8,#4a9fd4);animation-delay:1.2s;animation-duration:4.2s}.rp-fish--2:after{border-left-color:#4a9fd4}.rp-fish--3{left:70%;top:55%;width:12px;height:5px;background:linear-gradient(90deg,#ffd56b,#f0a830);animation-delay:2.4s;animation-duration:6s}.rp-fish--3:after{border-left-color:#f0a830}@keyframes rp-swim{0%,to{transform:translate(0) scaleX(1)}25%{transform:translate(18px,-6px) scaleX(1)}50%{transform:translate(32px,4px) scaleX(-1)}75%{transform:translate(14px,8px) scaleX(-1)}}.rp-overlay{position:relative;z-index:1;margin-top:auto;padding:.85rem 1rem;background:linear-gradient(180deg,transparent 0%,rgba(6,12,18,.92) 40%);font-family:var(--mono)}.rp-kicker{margin:0;font-size:.42rem;letter-spacing:.12em;text-transform:uppercase;color:#7ec8e8}.rp-headline{margin:.3rem 0 .65rem;font-size:.58rem;color:#c9d1d9}.rp-studio-label{display:block;font-size:.4rem;letter-spacing:.1em;text-transform:uppercase;color:#6e7681;margin-bottom:.35rem}.rp-pads{display:flex;flex-wrap:wrap;gap:.3rem}.rp-pad{font-size:.4rem;padding:.2rem .35rem;border-radius:3px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#8b949e;transition:background .2s ease,color .2s ease,border-color .2s ease}.rp-pad--on{background:#7ec8e833;border-color:#7ec8e873;color:#e6edf3}.preview--blindspot{padding:1rem 1.1rem;background:linear-gradient(180deg,#121212,#0a0a0a);font-family:Georgia,Times New Roman,serif;overflow:hidden}.bt-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.bt-logo{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:18px;height:18px}.sq{display:block;border-radius:1px}.sq-r{background:#c0392b}.sq-b{background:#2980b9}.sq-g{background:#7f8c8d}.sq-o{background:#e67e22}.bt-brand{font-size:.65rem;color:#f5f5f5;letter-spacing:.02em}.bt-kicker{margin:0;font-family:var(--mono);font-size:.45rem;letter-spacing:.14em;text-transform:uppercase;color:#e67e22}.bt-headline{margin:.35rem 0 .85rem;font-size:.72rem;line-height:1.35;color:#f0f0f0}.bt-input{display:flex;gap:.35rem;margin-bottom:.85rem}.bt-tab{font-family:var(--mono);font-size:.42rem;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .45rem;border-radius:3px;color:#888;background:#1a1a1a}.bt-tab--on{background:#e67e22;color:#111}.bt-bar-wrap{margin-top:auto}.bt-bar-labels{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.4rem;color:#666;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.06em}.bt-bar{position:relative;height:6px;border-radius:3px;background:linear-gradient(90deg,#2980b9,#7f8c8d 50%,#c0392b);opacity:.85}.bt-bar-fill{display:none}.bt-bar-marker{position:absolute;top:50%;width:10px;height:10px;margin-left:-5px;margin-top:-5px;border-radius:50%;background:#fff;border:2px solid #e67e22;box-shadow:0 0 8px #e67e2299;transition:left .9s cubic-bezier(.4,0,.2,1)}.bt-scan{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(230,126,34,.04) 50%,transparent 100%);animation:scan 4s ease-in-out infinite;pointer-events:none}@keyframes scan{0%,to{transform:translateY(-100%)}50%{transform:translateY(100%)}}.preview--toes{padding:1.25rem 1rem;background:#0f1115;font-family:var(--mono);justify-content:center;gap:.85rem}.td-top{display:flex;flex-direction:column;gap:.35rem}.td-progress{height:4px;background:#1c2128;border-radius:2px;overflow:hidden}.td-progress-fill{height:100%;background:#58a6ff;transition:width 1s linear}.td-timer{align-self:flex-end;font-size:.55rem;color:#8b949e}.td-card{flex:1;display:flex;align-items:center;justify-content:center;min-height:72px;background:#161b22;border:1px solid #30363d;border-radius:8px;animation:card-in .35s ease}@keyframes card-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.td-word{font-size:1.1rem;font-weight:700;color:#58a6ff;letter-spacing:.04em}.td-controls{display:flex;justify-content:space-between;align-items:center;font-size:.5rem;color:#8b949e;text-transform:uppercase;letter-spacing:.08em}.td-ctrl{display:flex;flex-direction:column;align-items:center;gap:.2rem}.td-arrow{font-size:.85rem;color:#58a6ff}.td-arrow--down{animation:bounce-down 1.8s ease-in-out infinite}.td-arrow--up{animation:bounce-up 1.8s ease-in-out infinite .4s}@keyframes bounce-down{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(3px);opacity:1}}@keyframes bounce-up{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:1}}.td-score{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#f0f6fc}.td-pip{width:4px;height:14px;background:#3fb950;border-radius:1px}.contact-text{margin:0 0 1.25rem;max-width:32rem}.email-link{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.9rem;color:var(--accent);text-decoration:none;transition:gap .2s}.email-link:hover{gap:.65rem}footer{padding-top:2rem;border-top:1px solid var(--border)}footer p{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;color:var(--muted);margin:0}.footer-credit{margin-top:.75rem!important;letter-spacing:.04em!important;line-height:1.5}.footer-credit a{color:var(--muted);text-decoration:underline;text-underline-offset:2px;transition:color .2s}.footer-credit a:hover{color:var(--accent)}.error-fallback{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:2rem;max-width:36rem;margin:0 auto}.error-fallback h1{color:var(--heading);font-size:1.5rem;margin:0 0 .75rem}.error-fallback p{margin:0;color:var(--muted)}@media (max-width: 768px){.content{padding:0 1.25rem 3rem}.hero{min-height:100svh;padding-bottom:4.5rem}.scroll-hint{bottom:1.75rem}.section{margin-bottom:3.5rem}.project{grid-template-columns:1fr}.project-visual{aspect-ratio:16 / 10}}