:root{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-card:#111;--bg-card-hover:#1a1a1a;--bg-sidebar:#050505;--text-primary:#fafafa;--text-secondary:#a1a1a1;--text-tertiary:#666;--text-link:#00e5a0;--button-primary:radial-gradient(ellipse at 50% 50%,#e9e9e9ec 25%,#b9b9b9b9 75%,#84848463 100%);--accent:#00e5a0;--accent-end:#00d4ff;--accent-gradient:(135deg,var(--accent) 0%,var(--accent-end) 100%);--teal-dark-gradient:linear-gradient(180deg,#00e5a0,#00b87a 55%,#007a52);--white-text-gradient:linear-gradient(180deg,#aaa,#f0f0f0 45%,#fff 55%,#aaa);--accent-dim:#00e5a01f;--accent-glow:0 0 12px #00e5a059,0 0 4px #00d4ff33;--accent-glow-subtle:#00e5a00f;--accent-secondary:#7c6cff;--border:#ffffff14;--border-hover:#ffffff24;--font-sans:"Instrument Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-serif:"Newsreader",Georgia,serif;--font-typewriter:"Courier Prime","Courier New",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:30px;--sidebar-width-open:14rem;--sidebar-width-closed:4rem;--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s cubic-bezier(0.16,1,0.3,1)}.white-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#aaa,#f0f0f0 45%,#fff 55%,#aaa);background:var(--white-text-gradient);-webkit-background-clip:text;background-clip:text}.accent-text{-webkit-text-fill-color:#0000;background:(135deg,#00e5a0 0,#00d4ff 100%);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 6px rgba(0,229,160,.3))}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:#000;background:var(--bg-primary);color:#fafafa;color:var(--text-primary);font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}::selection{background:#00e5a0;background:var(--accent);color:#000;color:var(--bg-primary)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.app{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:4rem;margin-left:var(--sidebar-width-closed);transition:margin-left .3s ease;transition:margin-left var(--transition-base)}.main-content.sidebar-open{margin-left:14rem;margin-left:var(--sidebar-width-open)}section{padding:0}.section-container{margin:0 auto;max-width:860px;padding:6rem 2rem}.section-label{-webkit-text-fill-color:#0000;background:(135deg,#00e5a0 0,#00d4ff 100%);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 6px rgba(0,229,160,.3));font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.15em;margin-bottom:1rem;text-transform:uppercase}.section-title{font-size:clamp(2rem,4vw,2.75rem)}.section-title,.section-title2{color:#fafafa;color:var(--text-primary);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-bottom:1rem;text-align:center}.section-title2{font-size:clamp(2rem,4vw,2.4rem)}.builder-text{-webkit-text-fill-color:#0000;-webkit-text-stroke:.5px #777;-webkit-background-clip:text;background-clip:text;background-image:url(/static/media/bricks.3ce1bc2e6bca0be5b563.svg);background-size:20px 8px}.sweats-word{-webkit-text-fill-color:#0000;animation:sweats-shimmer 3s linear infinite,sweats-glow 3s ease-in-out infinite;background:linear-gradient(90deg,#fff 20%,#d9d9d9 38%,#dbdbdb 50%,#d9d9d9 62%,#fff 80%);-webkit-background-clip:text;background-clip:text;background-size:250% auto;display:inline-block;position:relative}@keyframes sweats-shimmer{0%{background-position:150%}to{background-position:-150%}}@keyframes sweats-glow{0%,18%{filter:drop-shadow(0 0 2px #a0a0a033)}25%{filter:drop-shadow(0 0 10px #8f8f8fbf)}32%,to{filter:drop-shadow(0 0 2px #a0a0a033)}}.sweat-drop{animation:sweat-drip-sync 3s linear infinite;background:radial-gradient(circle at 35% 28%,#fffc 0,#fff0 52%),linear-gradient(160deg,#d8d8d8f0,#90909088);border-radius:50% 50% 50% 50%/65% 65% 35% 35%;bottom:-1px;box-shadow:0 0 5px #c8c8c866,0 1px 4px #80808044;height:10px;opacity:0;position:absolute;width:6px}@keyframes sweat-drip-sync{0%,21%{opacity:0;transform:translateY(0) scaleY(0)}25%{opacity:1;transform:translateY(0) scaleY(1)}35%{opacity:.6;transform:translateY(18px) scaleY(1.1)}41%{opacity:0;transform:translateY(24px) scaleY(.5)}42%,to{opacity:0;transform:translateY(24px) scaleY(0)}}.section-subtitle{color:#a1a1a1;color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin-left:auto;margin-right:auto;max-width:560px;text-align:justify}.section-divider{background:#ffffff14;background:var(--border);border:none;height:1px;margin:0;width:100%}.sidebar-container{align-items:flex-start;display:flex;height:100vh;left:0;position:fixed;top:0;z-index:100}.sidebar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050505;background:var(--bg-sidebar);box-shadow:4px 0 16px #00e5a026,8px 0 40px #00e5a014,12px 0 60px #00d4ff0a;display:flex;flex-direction:column;height:100%;padding:1.25rem .75rem;position:relative;transition:all .3s ease;transition:all var(--transition-base);width:100%}.sidebar:after{content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:2px}.sidebar-toggle{align-items:center;align-self:center;border-radius:6px;border-radius:var(--radius-sm);color:#666;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.35rem;transition:color .15s ease;transition:color var(--transition-fast)}.sidebar-container[data-state=open] .sidebar-toggle{align-self:flex-end}.sidebar-toggle img{transition:filter .15s ease,transform .15s ease;transition:filter var(--transition-fast),transform var(--transition-fast)}.sidebar-toggle:hover img{filter:drop-shadow(0 0 10px #00e5a0dc) drop-shadow(0 0 15px #00e5a0ae);transform:scale(1.2)}.sidebar-center{flex:1 1;flex-direction:column;gap:.25rem;width:100%}.sidebar-center,.sidebar-headshot-wrapper{align-items:center;display:flex;justify-content:center}.sidebar-headshot-wrapper{margin-bottom:1.5rem;transition:opacity .3s ease;transition:opacity var(--transition-base)}.sidebar-headshot-wrapper.hidden{height:0;margin:0;opacity:0;overflow:hidden;pointer-events:none}.sidebar-headshot{border:2px solid #ffffff14;border:2px solid var(--border);border-radius:50%;height:100px;object-fit:cover;transition:border-color .5s cubic-bezier(.16,1,.3,1),width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1);transition:border-color var(--transition-slow),width var(--transition-slow),height var(--transition-slow);width:100px}.sidebar-headshot:hover{border-color:#00e5a0;border-color:var(--accent);height:140px;width:140px}.sidebar-social{display:flex;gap:.5rem;margin-bottom:2rem;transition:opacity .3s ease;transition:opacity var(--transition-base)}.sidebar-social.hidden{height:0;margin:0;opacity:0;overflow:hidden;pointer-events:none}.sidebar-social a{align-items:center;border-radius:6px;border-radius:var(--radius-sm);color:#ffffffa6;display:flex;height:32px;justify-content:center;transition:color .15s ease;transition:color var(--transition-fast);width:32px}.sidebar-social a:hover{color:#00e5a0;color:var(--accent)}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;width:100%}.sidebar-container[data-state=open] .sidebar-nav{width:auto}.sidebar-link{text-decoration:none}.sidebar-item{align-items:center;border-radius:6px;border-radius:var(--radius-sm);color:#666;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:.875rem;font-weight:450;gap:.75rem;padding:.6rem .65rem;transition:color .15s ease,background .15s ease;transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.sidebar-item:hover{-webkit-text-fill-color:#00e5a0;-webkit-text-fill-color:var(--accent);background:#fff3;background:#00e5a01f;background:var(--accent-dim);-webkit-background-clip:unset;color:#00e5a0;color:var(--accent)}.sidebar-item-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-width:20px;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.sidebar-item-icon img{flex-shrink:0;height:20px;width:20px}.sidebar-item-label{opacity:1;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.sidebar-container[data-state=closed] .sidebar-item-label{opacity:0;overflow:hidden;width:0}.sidebar-container[data-state=closed] .sidebar-item{position:relative}.sidebar-container[data-state=open] .sidebar-item:hover .sidebar-item-label{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#00e5a0,#00b87a 55%,#007a52);background:var(--teal-dark-gradient);-webkit-background-clip:text;background-clip:text}.sidebar-container[data-state=closed] .sidebar-item:hover{background:#0000}.sidebar-container[data-state=closed] .sidebar-item:hover .sidebar-item-icon{transform:scale(1.1)}.sidebar-container[data-state=closed] .sidebar-item:after{background:#111;background:var(--bg-card);border:1px solid #ffffff24;border:1px solid var(--border-hover);border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 4px 16px #0006;color:#fafafa;color:var(--text-primary);content:attr(data-label);font-size:.8rem;font-weight:500;left:calc(100% + .75rem);opacity:0;padding:.35rem .65rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(-6px);transition:opacity .15s ease,transform .15s ease;transition:opacity var(--transition-fast),transform var(--transition-fast);white-space:nowrap;z-index:200}.sidebar-container[data-state=closed] .sidebar-item:hover:after{opacity:1;transform:translateY(-50%) translateX(0)}.sidebar-download{flex-shrink:0;width:100%}.sidebar-download .sidebar-item{-webkit-text-fill-color:#0000;background:(135deg,#00e5a0 0,#00d4ff 100%);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 4px rgba(0,229,160,.4))}.sidebar-download .sidebar-item-icon{-webkit-text-fill-color:initial;color:#00e5a0;color:var(--accent);filter:drop-shadow(0 0 4px rgba(0,229,160,.4))}.sidebar-download .sidebar-item:hover{-webkit-text-fill-color:#00e5a0;-webkit-text-fill-color:var(--accent);background:#00e5a01f;background:var(--accent-dim);-webkit-background-clip:unset}.hero{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:860px;min-height:100vh;padding:6rem 2rem 4rem;position:relative}.hero:before{background:radial-gradient(circle,0 0 12px #00e5a059,0 0 4px #00d4ff33 0,#0000 70%);background:radial-gradient(circle,var(--accent-glow) 0,#0000 70%);content:"";height:400px;pointer-events:none;position:absolute;right:-10%;top:15%;width:400px}.hero-greeting{background:linear-gradient(180deg,#7a7a7a,#c4c4c4 40%,#d4d4d4 55%,#c4c4c4 70%,#7a7a7a);-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.12em;margin-bottom:1.25rem;text-transform:uppercase}.hero-greeting,.hero-name{-webkit-text-fill-color:#0000}.hero-name{background:linear-gradient(180deg,#888,#d2d2d2 35%,#e0e0e0 50%,#d2d2d2 65%,#888);-webkit-background-clip:text;background-clip:text;font-family:Newsreader,Georgia,serif;font-family:var(--font-serif);font-size:clamp(3rem,7vw,4.5rem);font-weight:600;letter-spacing:-.02em;line-height:1.05;margin-bottom:.75rem}.hero-title-line{color:#a1a1a1;color:var(--text-secondary);font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:400;line-height:1.5;margin-bottom:2rem}.hero-title-line .typed{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#00e5a0,#00b87a 55%,#007a52);-webkit-background-clip:text;background-clip:text;font-family:Courier Prime,Courier New,monospace;font-family:var(--font-typewriter);font-weight:400}.hero-title-line .cursor{animation:blink 1s step-end infinite;background:#00e5a0;background:var(--accent);display:inline-block;height:1.2em;margin-left:2px;vertical-align:text-bottom;width:2px}@keyframes blink{50%{opacity:0}}.hero-description{color:#a1a1a1;color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:2.5rem;max-width:700px}.hero-cta{align-items:center;appearance:none;-webkit-appearance:none;background:radial-gradient(ellipse at 50% 50%,#e9e9e9ec 25%,#b9b9b9b9 75%,#84848463 100%);background:var(--button-primary);border:none;border-radius:24px;border-radius:var(--radius-xl);color:#000;color:var(--bg-primary);cursor:pointer;display:inline-flex;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.75rem;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hero-cta:hover{background:radial-gradient(ellipse at 50% 50%,#2a2a2a 25%,#141414 75%,#030303 100%);box-shadow:0 4px 24px #ffffff1a,0 0 14px #00e5a09d;color:#0000;transform:translateY(-1px)}.hero-cta:hover .hero-cta-label{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#00e5a0,#00b87a 55%,#007a52);background:var(--teal-dark-gradient);-webkit-background-clip:text;background-clip:text}@keyframes trace-snake{0%{stroke-dasharray:0 600;stroke-dashoffset:0}50%{stroke-dasharray:601 600;stroke-dashoffset:0}to{stroke-dasharray:0 600;stroke-dashoffset:-601}}.btn-trace{position:relative}.trace-svg{height:calc(100% + 8px);left:-4px;opacity:0;overflow:visible;pointer-events:none;position:absolute;top:-4px;transition:opacity .3s ease;width:calc(100% + 8px)}.btn-trace:hover .trace-svg{opacity:1;transition:opacity 0s}.trace-rect{fill:none;stroke-width:1;stroke-dasharray:0 600;stroke-dashoffset:0;animation:none;height:calc(100% - 3px);width:calc(100% - 3px)}.btn-trace:hover .trace-rect{animation:trace-snake 1.4s linear forwards}.about-bio{color:#a1a1a1;color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin-left:auto;margin-right:auto;margin-top:1.25rem;max-width:600px;text-align:justify}.about-details-row{display:flex;gap:1.25rem;justify-content:center;margin-top:3rem}.about-card{background:#ffffff14;border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;padding:1px;position:relative;width:fit-content}.about-card:before{background:conic-gradient(from 0deg,#0000 0deg,#0000 78%,#00e5a0e6 87%,#00e5a0e6 93%,#0000 100%);content:"";height:200%;inset:50% auto auto 50%;opacity:0;position:absolute;width:200%}.about-card:first-child:before{animation:about-spin-1 8s linear infinite}.about-card:last-child:before{animation:about-spin-2 8s linear infinite}@keyframes about-spin-1{0%{opacity:1;transform:translate(-50%,-50%) rotate(185deg)}48%{opacity:1}50%{opacity:0;transform:translate(-50%,-50%) rotate(486deg)}to{opacity:0;transform:translate(-50%,-50%) rotate(846deg)}}@keyframes about-spin-2{0%{opacity:0;transform:translate(-50%,-50%) rotate(285deg)}50%{opacity:0;transform:translate(-50%,-50%) rotate(285deg)}52%{opacity:1}98%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(-54deg)}}.about-card-inner{background:#111;background:var(--bg-card);border-radius:15px;border-radius:calc(var(--radius-lg) - 1px);display:flex;flex-direction:column;height:100%;padding:1.75rem;position:relative;z-index:1}.about-detail-label{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#00e5a0,#00b87a 55%,#007a52);background:var(--teal-dark-gradient);-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.9rem;letter-spacing:.1em;margin-bottom:.75rem;text-align:center;text-transform:uppercase}.about-detail-list{display:table;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.about-detail-value{color:#a1a1a1;color:var(--text-secondary);font-size:.75rem;line-height:1.6;margin-bottom:.6rem;text-align:left}.case-studies{display:flex;flex-direction:column;gap:3rem;margin-left:auto;margin-right:auto;margin-top:2.5rem;max-width:85%}.case-study-card{background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);transition:border-color .3s ease,transform .3s ease;transition:border-color var(--transition-base),transform var(--transition-base)}.case-study-card:hover{border-color:#ffffff24;border-color:var(--border-hover);transform:translateY(-2px)}.case-study-image{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);border-radius:16px 16px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:4rem;object-fit:cover;padding:0 1.5rem;width:100%}.case-study-image-title{color:#111;cursor:default;display:inline-block;font-size:2rem;font-weight:800;isolation:isolate;letter-spacing:-.02em;position:relative;text-shadow:0 0 10px #b4b4b433,0 0 20px #8c8c8c1a}.case-study-image-title:before{align-items:center;color:#0000;content:attr(data-title);display:flex;font-size:inherit;font-weight:inherit;inset:-1.5rem;justify-content:center;letter-spacing:inherit;mask:radial-gradient(circle at 50% 50%,#000 0,#0000 70%);mask:radial-gradient(circle at var(--glow-x,50%) 50%,#000 0,#0000 70%);-webkit-mask:radial-gradient(circle at 50% 50%,#000 0,#0000 70%);-webkit-mask:radial-gradient(circle at var(--glow-x,50%) 50%,#000 0,#0000 70%);opacity:0;pointer-events:none;position:absolute;text-shadow:0 0 4px #00e5a042,0 0 8px #00e5a060;transition:opacity .3s ease;transition:opacity var(--transition-base);z-index:-1}.case-study-image-title:hover:before{opacity:1}.case-study-content{background:#0000;padding:2rem}.case-study-tag{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#00e5a0,#00b87a 55%,#007a52);background:var(--teal-dark-gradient);-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.12em;margin-bottom:.75rem;text-transform:uppercase}.case-study-title{color:#fafafa;color:var(--text-primary);font-size:1.4rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.5rem}.case-study-description{color:#a1a1a1;color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:1.5rem}.case-study-process{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.process-tag{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-xl);color:#a1a1a1;color:var(--text-secondary);font-size:.7rem;font-weight:500;padding:.3rem .7rem}.case-study-tools{display:flex;flex-direction:column;gap:.4rem}.case-study-tools-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tools-toggle{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;gap:.5rem;padding:0}.tools-toggle:hover .tools-label{color:#fafafa;color:var(--text-primary);transition:color .15s ease;transition:color var(--transition-fast)}.tools-label{color:#a1a1a1;color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase;white-space:nowrap}.tools-chevron{align-items:center;background:linear-gradient(145deg,#242424,#151515);border:1px solid #333;border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 2px 6px rgba(0,0,0,.205),inset 0 1px 0 #ffffff0a;color:#616161;display:inline-flex;flex-shrink:0;height:16px;justify-content:center;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);width:16px}.tools-toggle:hover .tools-chevron{border-color:#444;box-shadow:0 3px 10px #000000b3,inset 0 1px 0 #ffffff0f;color:grey}.tool-tag{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#00e5a0,#00b87a 55%,#007a52);background:var(--teal-dark-gradient);-webkit-background-clip:text;background-clip:text;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.65rem;padding:.25rem .6rem;transition:box-shadow .15s ease,border-color .15s ease;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.tool-tag:hover{border-color:#ffffff24;border-color:var(--border-hover);box-shadow:inset 0 0 0 100px #ffffff0d}.case-study-links{display:flex;gap:.65rem;margin-top:1.25rem}.case-study-link{align-items:center;background:#00e5a01f;background:var(--accent-dim);border:1px solid #00e5a033;border-radius:6px;border-radius:var(--radius-sm);color:#00e5a0;color:var(--accent);display:inline-flex;font-size:.8rem;font-weight:500;gap:.4rem;padding:.35rem .85rem;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.case-study-link:hover{background:#00e5a02e;border-color:#00e5a066;box-shadow:0 0 8px #00e5a04f,0 0 18px #00e5a024}.case-study-link-ghost{background:#0000;border-color:#ffffff14;border-color:var(--border);color:#a1a1a1;color:var(--text-secondary)}.case-study-link-ghost:hover{background:#ffffff0d;border-color:#ffffff24;border-color:var(--border-hover);color:#fafafa;color:var(--text-primary)}.skills-toggle-wrapper{margin-top:2.5rem}.skills-toggle-outer{margin-bottom:1.75rem;overflow-x:auto;scrollbar-width:none;text-align:center}.skills-toggle-outer::-webkit-scrollbar{display:none}.skills-toggle-track{align-items:center;background:#080808;border:1px solid #ffffff38;border-radius:9999px;display:inline-flex;padding:6px;position:relative}.skills-toggle-svg{height:100%;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%}.skills-toggle-btn{background:#0000;border:none;border-radius:9999px;color:#a1a1a1;color:var(--text-secondary);cursor:pointer;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-weight:500;letter-spacing:.01em;padding:8px 20px;position:relative;transition:color .2s ease;white-space:nowrap;z-index:1}.skills-toggle-btn--active{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#00e5a0,#00b87a 55%,#007a52);background:var(--teal-dark-gradient);-webkit-background-clip:text;background-clip:text}.skills-toggle-btn:hover:not(.skills-toggle-btn--active){color:#fafafa;color:var(--text-primary)}.skills-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.skill-chip{align-items:center;background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#a1a1a1;color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:450;padding:.6rem .85rem;transition:border-color .15s ease,color .15s ease,background .15s ease;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.skill-chip:hover{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(180deg,#00e5a0,#00b87a 55%,#007a52);background-image:var(--teal-dark-gradient);border-color:#ffffff24;border-color:var(--border-hover)}.projects-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:2.5rem}.project-card{background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;transition:border-color .3s ease,transform .3s ease;transition:border-color var(--transition-base),transform var(--transition-base)}.project-card:hover{border-color:#ffffff24;border-color:var(--border-hover);transform:translateY(-2px)}.project-card:hover .project-card-title{text-shadow:0 0 8px #00e5a070,0 0 18px #00e5a038}.project-card-img{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);height:160px;object-fit:cover;width:100%}.project-card-body{padding:1.25rem}.project-card-title{color:#fafafa;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.35rem;transition:text-shadow .15s ease;transition:text-shadow var(--transition-fast)}.project-card-desc{color:#a1a1a1;color:var(--text-secondary);font-size:.8rem;line-height:1.5;margin-bottom:.75rem}.project-card-stack{color:#666;color:var(--text-tertiary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.65rem;line-height:1.5}.project-card-links{border-top:1px solid #ffffff14;border-top:1px solid var(--border);display:flex;gap:.75rem;margin-top:1rem;padding-top:.75rem}.project-card-links a{align-items:center;color:#a1a1a1;color:var(--text-secondary);display:flex;font-size:.75rem;font-weight:500;gap:.3rem;transition:color .15s ease;transition:color var(--transition-fast)}.project-card-links a:hover{color:#00e5a0;color:var(--accent)}.contact-section{text-align:center}.contact-header{align-items:center;display:flex;flex-direction:column;margin-bottom:3rem}.contact-header .section-label,.contact-header .section-title{text-align:center}.contact-email-logo{height:10rem;margin-bottom:0;width:10rem}.contact-title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#00e5a0,#00b87a 55%,#007a52);background:var(--teal-dark-gradient);-webkit-background-clip:text;background-clip:text}.contact-description{color:#a1a1a1;color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin:0 auto;max-width:420px;text-align:justify;width:100%}.contact-social-row{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.contact-social-link{align-items:center;border-radius:6px;border-radius:var(--radius-sm);color:#ffffffa6;display:flex;height:50px;justify-content:center;transition:color .15s ease;transition:color var(--transition-fast);width:50px}.contact-social-link:hover{color:#00e5a0;color:var(--accent)}.contact-form-wrapper{display:flex;justify-content:center;margin-top:2.5rem}.contact-form{display:flex;flex-direction:column;gap:1rem;max-width:420px;width:100%}.contact-form input,.contact-form textarea{background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#fafafa;color:var(--text-primary);font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:.85rem;outline:none;padding:.75rem 1rem;transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:#00e5a0;border-color:var(--accent)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#666;color:var(--text-tertiary)}.contact-form textarea{min-height:120px;resize:vertical}.contact-form button{align-self:flex-start;background:radial-gradient(ellipse at 50% 50%,#e9e9e9ec 25%,#b9b9b9b9 75%,#84848463 100%);background:var(--button-primary);border:none;border-radius:30px;border-radius:var(--radius-2xl);color:#000;color:var(--bg-primary);cursor:pointer;font-size:.85rem;font-weight:600;padding:.7rem 1.75rem;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.contact-form button:hover{box-shadow:0 4px 20px #ffffff1a,0 0 12px #00e5a04d;transform:translateY(-1px)}.footer{border-top:none;padding:2rem;position:relative;text-align:center}.footer:before{background:linear-gradient(90deg,#0000 0,#9696aa26 20%,#c8c8dcb3 50%,#9696aa26 80%,#0000);box-shadow:0 0 8px 1px #b4b4d240;content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer p{color:#666;color:var(--text-tertiary);font-size:.75rem}@media (max-width:768px){.main-content{margin-left:0!important}.sidebar-container{transform:translateX(-100%);transition:transform .3s ease;transition:transform var(--transition-base)}.sidebar-container[data-state=open]{transform:translateX(0)}.mobile-toggle{background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#a1a1a1;color:var(--text-secondary);cursor:pointer;display:flex;left:1rem;padding:.5rem;position:fixed;top:1rem;z-index:101}.hero{min-height:auto;padding:4rem 1.5rem 3rem}.section-container{padding:4rem 1.5rem}.about-details-row{align-items:center;flex-direction:column;gap:2rem}.projects-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}
/*# sourceMappingURL=main.fa95d75c.css.map*/