@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;500;600;700&display=swap);:root{--bg-primary:#020617;--bg-secondary:#0f172a8c;--bg-tertiary:#1e293b80;--text-primary:#f8fafc;--text-secondary:#a9b4c4;--text-tertiary:#7c8798;--accent-primary:#38bdf8;--accent-secondary:#0ea5e9;--accent-glow:#38bdf880;--border-color:#94a3b824;--glass-bg:#0f172a7a;--glass-border:#ffffff14;--glass-highlight:#ffffff0f;--font-sans:"Inter",sans-serif;--font-heading:"Outfit",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:clamp(1.75rem,3.5vw,2.25rem);--text-3xl:clamp(2.25rem,5vw,3.25rem);--text-4xl:clamp(2.5rem,6vw,4rem);--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--leading-relaxed:1.75;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem;--space-6:4rem;--space-7:6rem;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-pill:9999px;--shadow-sm:0 4px 16px -8px #0006;--shadow-md:0 12px 32px -16px #00000073;--shadow-lg:0 24px 60px -28px #00000080;--container-width:1200px;--section-spacing:var(--space-7);--ease-out:cubic-bezier(0.22,1,0.36,1);--dur-fast:0.18s;--dur-base:0.28s}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background-color:#020617;background-color:var(--bg-primary);background-image:radial-gradient(circle at 50% 0,#38bdf80f,#0000 60%);background-image:radial-gradient(circle at 50% 0,var(--page-tint,#38bdf80f),#0000 60%);font-family:Inter,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-base);line-height:1.6;line-height:var(--leading-normal);overflow-x:hidden;transition:background-image .6s ease}body,h1,h2,h3,h4,h5,h6{color:#f8fafc;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-family:var(--font-heading);font-weight:700;letter-spacing:-.01em;line-height:1.2;line-height:var(--leading-tight)}a{color:inherit;text-decoration:none;transition:color .28s cubic-bezier(.22,1,.36,1);transition:color var(--dur-base) var(--ease-out)}button{cursor:pointer;font-family:inherit}:where(a,button,[tabindex]):focus-visible{border-radius:10px;border-radius:var(--radius-sm);outline:2px solid #38bdf8;outline:2px solid var(--accent-primary);outline-offset:3px}.container{margin:0 auto;max-width:1200px;max-width:var(--container-width);padding:0 1.5rem;padding:0 var(--space-3)}.app-root{min-height:100vh;position:relative}.theme-scene-layer{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.theme-scene{inset:0;position:absolute}.scene-parallax{--px:0;--py:0;inset:-6%;position:absolute;transform:translate3d(calc(var(--px)*-22px),calc(var(--py)*-18px),0);transition:transform .25s ease-out;will-change:transform}.scene-img{background-position:50%;background-repeat:no-repeat;background-size:cover;inset:0;position:absolute}.scene-kenburns{animation:scene-kenburns 42s ease-in-out infinite alternate;will-change:transform}@keyframes scene-kenburns{0%{transform:scale(1.08) translateZ(0)}to{transform:scale(1.18) translate3d(-1.5%,-2%,0)}}.scene-scrim{background:linear-gradient(180deg,#0206174d,#02061780 42%,#0206179e);inset:0;position:absolute}.scene-vignette{background:radial-gradient(120% 90% at 50% 40%,#0000 45%,#0206178c 100%);inset:0;position:absolute}.app-root>.nav,.app-root>footer,.app-root>section,.page-main{position:relative;z-index:3}.scene-particles{inset:0;overflow:hidden;pointer-events:none;position:absolute}.scene-particles .pbit{left:var(--l);position:absolute;top:var(--t);will-change:transform,opacity}.pt-leaves .pbit{animation-iteration-count:infinite;animation-name:leaf-fall;animation-timing-function:linear;background:linear-gradient(135deg,#ffe9a8,#f0c75e);border-radius:60% 10% 60% 10%;box-shadow:0 0 8px #f0c75e8c;height:calc(13px*var(--s));opacity:0;width:calc(9px*var(--s))}@keyframes leaf-fall{0%{opacity:0;transform:translate3d(0,-12vh,0) rotate(0deg)}10%{opacity:.9}90%{opacity:.9}to{opacity:0;transform:translate3d(-22vw,96vh,0) rotate(var(--rot))}}.pt-embers .pbit{animation-iteration-count:infinite;animation-name:ember-rise;animation-timing-function:ease-in;background:#ffd27a;border-radius:50%;box-shadow:0 0 10px 2px #ff8a3ce6;height:calc(4px*var(--s));opacity:0;width:calc(4px*var(--s))}@keyframes ember-rise{0%{opacity:0;transform:translate3d(0,100vh,0) scale(1)}15%{opacity:1}70%{opacity:.9}to{opacity:0;transform:translate3d(var(--drift),-10vh,0) scale(.4)}}.pt-rain .pbit{animation-iteration-count:infinite;animation-name:rain-fall;animation-timing-function:linear;background:linear-gradient(180deg,#e0f2fe00,#e0f2febf);height:calc(46px*var(--s));opacity:0;width:2px}@keyframes rain-fall{0%{opacity:0;transform:translate3d(0,-14vh,0)}10%{opacity:.8}to{opacity:.2;transform:translate3d(-6vw,112vh,0)}}.pt-dust .pbit,.pt-sand .pbit{animation-iteration-count:infinite;animation-name:drift-across;animation-timing-function:ease-in-out;background:#fdba74cc;border-radius:50%;box-shadow:0 0 6px #fb923c80;height:calc(3px*var(--s));opacity:0;width:calc(3px*var(--s))}.pt-sand .pbit{background:#f5c15cd9}@keyframes drift-across{0%{opacity:0;transform:translate3d(-8vw,0,0)}20%{opacity:.8}80%{opacity:.8}to{opacity:0;transform:translate3d(16vw,-4vh,0)}}.pt-motes .pbit,.pt-sparks .pbit,.pt-wind .pbit{animation-iteration-count:infinite;animation-name:float-soft;animation-timing-function:ease-in-out;background:#bbf7d0d9;border-radius:50%;box-shadow:0 0 8px #6ee7a080;height:calc(4px*var(--s));opacity:0;width:calc(4px*var(--s))}.pt-sparks .pbit{background:#93c5fde6;box-shadow:0 0 8px #60a5fa99}.pt-wind .pbit{animation-name:wind-streak;background:linear-gradient(90deg,#e8c48a00,#e8c48ab3);border-radius:2px;height:2px;width:calc(26px*var(--s))}@keyframes float-soft{0%{opacity:0;transform:translate3d(0,6vh,0)}25%{opacity:.9}75%{opacity:.9}to{opacity:0;transform:translate3d(var(--drift),-8vh,0)}}@keyframes wind-streak{0%{opacity:0;transform:translate3d(-10vw,0,0)}30%{opacity:.8}to{opacity:0;transform:translate3d(22vw,-3vh,0)}}@media (prefers-reduced-motion:reduce){.scene-kenburns,.scene-particles .pbit{animation:none}.scene-particles{display:none}}.tilt-card{--rx:0deg;--ry:0deg;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .25s ease;will-change:transform}.tilt-glare{background:radial-gradient(420px circle at 50% 50%,#ffffff0f,#0000 45%);background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),#ffffff0f,#0000 45%);border-radius:inherit;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .28s cubic-bezier(.22,1,.36,1);transition:opacity var(--dur-base) var(--ease-out);z-index:3}.tilt-card:hover .tilt-glare{opacity:1}.text-gradient{background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;background-clip:text;color:#0000}.glass-panel{backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);background:#0f172a7a;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 12px 32px -16px #00000073,inset 0 1px 0 #ffffff0f;box-shadow:var(--shadow-md),inset 0 1px 0 var(--glass-highlight);position:relative}.glass-panel:before{background:linear-gradient(135deg,#38bdf880,#0000 55%);background:linear-gradient(135deg,var(--accent-glow),#0000 55%);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.4;padding:1px;pointer-events:none;position:absolute;transition:opacity .28s cubic-bezier(.22,1,.36,1);transition:opacity var(--dur-base) var(--ease-out)}.glass-panel:hover:before{opacity:.85}.img-frame{background:#1e293b80;background:var(--bg-tertiary);overflow:hidden;position:relative}.img-skeleton{animation:skeleton-shimmer 1.4s ease-in-out infinite;background:linear-gradient(100deg,#94a3b80f 30%,#94a3b829 50%,#94a3b80f 70%);background-size:200% 100%;inset:0;position:absolute}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.img-loadable{opacity:0;transition:opacity .4s cubic-bezier(.22,1,.36,1);transition:opacity .4s var(--ease-out)}.img-loadable.is-loaded{opacity:1}@media (prefers-reduced-motion:reduce){.img-skeleton{animation:none}}@keyframes scroll-bounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.nav{left:0;padding:1.5rem 0;padding:var(--space-3) 0;position:fixed;top:0;transition:padding .28s cubic-bezier(.22,1,.36,1),background .28s cubic-bezier(.22,1,.36,1);transition:padding var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out);width:100%;z-index:1000}.nav-scrolled{backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);background:#020617a6;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);box-shadow:0 4px 16px -8px #0006;box-shadow:var(--shadow-sm);padding:.5rem 0;padding:var(--space-1) 0}.nav-container{align-items:center;display:flex;justify-content:space-between}.nav-logo{color:#f8fafc;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-heading);font-size:1.5rem;font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em}.nav-desktop{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172a66;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:9999px;border-radius:var(--radius-pill);display:flex;gap:.5rem;gap:var(--space-1);padding:.375rem}.nav-link{background:#0000;border:none;border-radius:9999px;border-radius:var(--radius-pill);color:#a9b4c4;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:500;padding:.5rem 1rem;padding:var(--space-1) var(--space-2);transition:color .28s cubic-bezier(.22,1,.36,1),background .28s cubic-bezier(.22,1,.36,1);transition:color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.nav-link:hover{background:#38bdf880;background:var(--accent-glow);color:#f8fafc;color:var(--text-primary)}.nav-link.active{background:#38bdf8;background:var(--accent-primary);box-shadow:0 0 16px #38bdf880;box-shadow:0 0 16px var(--accent-glow);color:#020617;color:var(--bg-primary)}.nav-mobile-btn{background:#0f172a66;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:10px;border-radius:var(--radius-sm);color:#f8fafc;color:var(--text-primary);cursor:pointer;display:none;padding:.5rem;padding:var(--space-1)}.nav-mobile{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#020617eb;border-bottom:1px solid #94a3b824;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem;gap:var(--space-1);left:0;padding:1rem;padding:var(--space-2);position:absolute;top:100%;width:100%}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:6rem;padding-top:var(--space-7);position:relative}.site-spotlight{inset:0;pointer-events:none;position:fixed;transition:background .08s linear;z-index:1}.hero-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-3);max-width:820px;position:relative;text-align:center;z-index:3}.hero-avatar-wrap{filter:drop-shadow(0 0 24px rgba(56,189,248,.5));filter:drop-shadow(0 0 24px var(--accent-glow))}.profile-img{border:2px solid #38bdf880;border:2px solid var(--accent-glow);border-radius:50%;box-shadow:0 0 36px #38bdf880;box-shadow:0 0 36px var(--accent-glow);height:128px;object-fit:cover;transition:transform .28s cubic-bezier(.22,1,.36,1);transition:transform var(--dur-base) var(--ease-out);width:128px}.profile-img:hover{transform:scale(1.04)}.hero-panel{display:flex;flex-direction:column;gap:1rem;gap:var(--space-2);max-width:720px;padding:2rem;padding:var(--space-4)}.hero-title{color:#f8fafc;color:var(--text-primary);font-size:clamp(2.5rem,6vw,4rem);font-size:var(--text-4xl);letter-spacing:-.02em}.hero-subtitle{color:#38bdf8;color:var(--accent-primary);font-weight:500;letter-spacing:.02em}.hero-description,.hero-subtitle{font-size:1.125rem;font-size:var(--text-md)}.hero-description{color:#a9b4c4;color:var(--text-secondary);line-height:1.75;line-height:var(--leading-relaxed);margin:0 auto;max-width:560px}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-2);justify-content:center;margin-top:.5rem;margin-top:var(--space-1)}.btn-ghost,.btn-primary{align-items:center;border:1px solid #0000;border-radius:9999px;border-radius:var(--radius-pill);display:inline-flex;font-family:Outfit,sans-serif;font-family:var(--font-heading);font-size:.875rem;font-size:var(--text-sm);font-weight:600;justify-content:center;padding:.75rem 1.5rem;padding:.75rem var(--space-3);transition:transform .28s cubic-bezier(.22,1,.36,1),background .28s cubic-bezier(.22,1,.36,1),border-color .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1);transition:transform var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.btn-primary{background:#38bdf8;background:var(--accent-primary);box-shadow:0 0 18px #38bdf880;box-shadow:0 0 18px var(--accent-glow);color:#020617;color:var(--bg-primary)}.btn-primary:hover{box-shadow:0 0 28px #38bdf880;box-shadow:0 0 28px var(--accent-glow);transform:translateY(-2px)}.btn-ghost{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0a;border-color:#ffffff14;border-color:var(--glass-border);color:#f8fafc;color:var(--text-primary)}.btn-ghost:hover{border-color:#38bdf8;border-color:var(--accent-primary);color:#38bdf8;color:var(--accent-primary);transform:translateY(-2px)}.scroll-hint{animation:scroll-bounce 2s ease-in-out infinite;color:#7c8798;color:var(--text-tertiary)}.section{padding:6rem 0;padding:var(--section-spacing) 0}.section-alt{background:linear-gradient(180deg,#0000,hsla(0,0%,100%,.015),#0000)}.section-title{color:#f8fafc;color:var(--text-primary);display:block;font-size:clamp(1.75rem,3.5vw,2.25rem);font-size:var(--text-2xl);margin-bottom:4rem;margin-bottom:var(--space-6);position:relative;text-align:center;width:100%}.section-title:after{background:#38bdf8;background:var(--accent-primary);border-radius:2px;bottom:-12px;box-shadow:0 0 12px #38bdf880;box-shadow:0 0 12px var(--accent-glow);content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:56px}.about-content{color:#a9b4c4;color:var(--text-secondary);font-size:1.125rem;font-size:var(--text-md);line-height:1.75;line-height:var(--leading-relaxed);margin-bottom:1.5rem;margin-bottom:var(--space-3);margin-left:auto;margin-right:auto;max-width:800px}.about-content:last-child{margin-bottom:0}.about-content a{color:#38bdf8;color:var(--accent-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.experiences-list{margin:0 auto;max-width:820px}.experience-item{border-left:2px solid #94a3b824;border-left:2px solid var(--border-color);margin-bottom:2rem;margin-bottom:var(--space-4);padding-left:3rem;padding-left:var(--space-5);position:relative}.experience-item:last-child{margin-bottom:0}.experience-number{align-items:center;background:#020617;background:var(--bg-primary);border:2px solid #38bdf8;border:2px solid var(--accent-primary);border-radius:50%;box-shadow:0 0 16px #38bdf880;box-shadow:0 0 16px var(--accent-glow);color:#38bdf8;color:var(--accent-primary);display:flex;font-weight:600;height:2.5rem;justify-content:center;left:-1.25rem;position:absolute;top:0;width:2.5rem;z-index:2}.experience-content{backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);background:#0f172a7a;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:14px;border-radius:var(--radius-md);box-shadow:inset 0 1px 0 #ffffff0f;box-shadow:inset 0 1px 0 var(--glass-highlight);padding:1.5rem;padding:var(--space-3);transition:border-color .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.experience-content:hover{border-color:#38bdf880;border-color:var(--accent-glow);box-shadow:0 12px 32px -16px #00000073,inset 0 1px 0 #ffffff0f;box-shadow:var(--shadow-md),inset 0 1px 0 var(--glass-highlight)}.experience-title{font-size:1.25rem;font-size:var(--text-lg);margin-bottom:.5rem;margin-bottom:var(--space-1)}.experience-company{color:#38bdf8;color:var(--accent-primary);font-size:.875rem;font-size:var(--text-sm);font-weight:500}.experience-company,.experience-description{margin-bottom:1rem;margin-bottom:var(--space-2)}.experience-description{color:#a9b4c4;color:var(--text-secondary);font-size:1rem;font-size:var(--text-base);line-height:1.75;line-height:var(--leading-relaxed)}.experience-description:last-child{margin-bottom:0}.experience-description a{color:#38bdf8;color:var(--accent-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.projects-grid{grid-gap:1.5rem;grid-gap:var(--space-3);display:grid;gap:1.5rem;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.project-card{--mouse-x:50%;--mouse-y:50%;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);background:#0f172a7a;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #ffffff0f;box-shadow:inset 0 1px 0 var(--glass-highlight);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1);transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.card-accent-bar{background:#38bdf8;background:var(--accent-primary);height:2px;left:0;opacity:.3;position:absolute;right:0;top:0;transition:opacity .28s cubic-bezier(.22,1,.36,1);transition:opacity var(--dur-base) var(--ease-out);z-index:4}.project-card:hover .card-accent-bar{opacity:1}.card-glow-overlay{background:radial-gradient(380px circle at var(--mouse-x) var(--mouse-y),#38bdf880,#0000 55%);background:radial-gradient(380px circle at var(--mouse-x) var(--mouse-y),var(--accent-glow),#0000 55%);border-radius:inherit;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .28s cubic-bezier(.22,1,.36,1);transition:opacity var(--dur-base) var(--ease-out);z-index:1}.project-card:hover .card-glow-overlay{opacity:.35}.project-card:hover{border-color:#38bdf880;border-color:var(--accent-glow);box-shadow:0 24px 60px -28px #00000080,inset 0 1px 0 #ffffff0f;box-shadow:var(--shadow-lg),inset 0 1px 0 var(--glass-highlight)}.project-image-wrap{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);height:180px;overflow:hidden;position:relative}.project-image{background:#1e293b80;background:var(--bg-tertiary);display:block;height:180px;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1);transition:transform .5s var(--ease-out);width:100%}.project-card:hover .project-image{transform:scale(1.06)}.project-image-overlay{background:linear-gradient(180deg,#0000 40%,#0206178c);inset:0;pointer-events:none;position:absolute}.card-index{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0206178c;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:10px;border-radius:var(--radius-sm);color:#f8fafc;color:var(--text-primary);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;padding:.25rem .5rem;position:absolute;right:.5rem;right:var(--space-1);top:.5rem;top:var(--space-1);z-index:3}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem;padding:var(--space-3);position:relative;z-index:2}.project-title{font-size:1.25rem;font-size:var(--text-lg);margin-bottom:.5rem;margin-bottom:var(--space-1);transition:color .28s cubic-bezier(.22,1,.36,1);transition:color var(--dur-base) var(--ease-out)}.project-card:hover .project-title{color:#38bdf8;color:var(--accent-primary)}.project-description{color:#a9b4c4;color:var(--text-secondary);flex-grow:1;font-size:1rem;font-size:var(--text-base);line-height:1.6;line-height:var(--leading-normal);margin-bottom:1.5rem;margin-bottom:var(--space-3)}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-1);margin-bottom:1rem;margin-bottom:var(--space-2);margin-top:auto}.tech-tag{background:#38bdf880;background:var(--accent-glow);border:1px solid #38bdf880;border:1px solid var(--accent-glow);border-radius:9999px;border-radius:var(--radius-pill);color:#38bdf8;color:var(--accent-primary);font-size:.75rem;font-size:var(--text-xs);font-weight:500;padding:.25rem .7rem;transition:background .28s cubic-bezier(.22,1,.36,1);transition:background var(--dur-base) var(--ease-out)}.project-links{display:flex;gap:.5rem;gap:var(--space-1)}.project-link{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:10px;border-radius:var(--radius-sm);color:#f8fafc;color:var(--text-primary);display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:.5rem;gap:var(--space-1);padding:.5rem 1rem;padding:var(--space-1) var(--space-2);transition:background .28s cubic-bezier(.22,1,.36,1),color .28s cubic-bezier(.22,1,.36,1),border-color .28s cubic-bezier(.22,1,.36,1);transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.project-link:hover{background:#38bdf8;background:var(--accent-primary);border-color:#38bdf8;border-color:var(--accent-primary);color:#020617;color:var(--bg-primary)}.project-link.is-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.skills-category{margin-bottom:3rem;margin-bottom:var(--space-5)}.skills-category:last-child{margin-bottom:0}.category-title{color:#f8fafc;color:var(--text-primary);font-size:1.25rem;font-size:var(--text-lg);letter-spacing:.01em;margin-bottom:1.5rem;margin-bottom:var(--space-3);text-align:center}.skills-grid{grid-gap:1rem;grid-gap:var(--space-2);display:grid;gap:1rem;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.skill-item{align-items:center;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);background:#0f172a7a;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:14px;border-radius:var(--radius-md);box-shadow:inset 0 1px 0 #ffffff0f;box-shadow:inset 0 1px 0 var(--glass-highlight);display:flex;flex-direction:column;gap:.5rem;gap:var(--space-1);justify-content:center;padding:1.5rem 1rem;padding:var(--space-3) var(--space-2);text-align:center;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1);transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.skill-item:hover{border-color:#38bdf8;border-color:var(--accent-primary);box-shadow:0 12px 32px -16px #00000073,inset 0 1px 0 #ffffff0f;box-shadow:var(--shadow-md),inset 0 1px 0 var(--glass-highlight);transform:translateY(-4px)}.skill-icon{color:#38bdf8;color:var(--accent-primary);height:40px;width:40px}.skill-logo-frame{background:#0000;border-radius:10px;border-radius:var(--radius-sm);height:42px;width:42px}.skill-logo{height:42px;object-fit:contain;width:42px}.skill-name{color:#f8fafc;color:var(--text-primary);font-size:.875rem;font-size:var(--text-sm);font-weight:500}.contact-content{margin:0 auto;max-width:600px;text-align:center}.contact-description{color:#a9b4c4;color:var(--text-secondary);font-size:1.125rem;font-size:var(--text-md);line-height:1.75;line-height:var(--leading-relaxed);margin-bottom:3rem;margin-bottom:var(--space-5)}.contact-links{display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-3);justify-content:center}.contact-link{align-items:center;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);background:#0f172a7a;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:14px;border-radius:var(--radius-md);box-shadow:inset 0 1px 0 #ffffff0f;box-shadow:inset 0 1px 0 var(--glass-highlight);display:flex;flex-direction:column;gap:.5rem;gap:var(--space-1);min-width:140px;padding:2rem;padding:var(--space-4);transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1);transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.contact-link:hover{border-color:#38bdf8;border-color:var(--accent-primary);box-shadow:0 12px 32px -16px #00000073,inset 0 1px 0 #ffffff0f;box-shadow:var(--shadow-md),inset 0 1px 0 var(--glass-highlight);transform:translateY(-4px)}.contact-link span{color:#f8fafc;color:var(--text-primary);font-weight:500}.contact-link svg{color:#38bdf8;color:var(--accent-primary)}.footer{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#02061799;border-top:1px solid #ffffff14;border-top:1px solid var(--glass-border);margin-top:4rem;margin-top:var(--space-6);padding:2rem 0;padding:var(--space-4) 0;text-align:center}.footer p{color:#7c8798;color:var(--text-tertiary);font-size:.875rem;font-size:var(--text-sm)}.page-banner{margin:0 auto;max-width:760px;padding:8.5rem 1.5rem 1rem;padding:8.5rem var(--space-3) var(--space-2);text-align:center}.page-banner-title{color:#f8fafc;color:var(--text-primary);font-size:clamp(2.25rem,5vw,3.25rem);font-size:var(--text-3xl);letter-spacing:-.02em;margin-bottom:1rem;margin-bottom:var(--space-2)}.page-tagline{color:#a9b4c4;color:var(--text-secondary);font-size:1.125rem;font-size:var(--text-md);margin:0 auto;max-width:560px}.home-map{padding:2rem 0 4rem;padding:var(--space-4) 0 var(--space-6)}.home-map-grid{grid-gap:1rem;grid-gap:var(--space-2);display:grid;gap:1rem;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.home-map-card{align-items:flex-start;border-radius:18px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.5rem;gap:var(--space-1);padding:1.5rem;padding:var(--space-3);position:relative;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.home-map-card:hover{box-shadow:0 12px 32px -16px #00000073;box-shadow:var(--shadow-md);transform:translateY(-4px)}.home-map-tagline{color:#a9b4c4;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:500}.home-map-label{color:#f8fafc;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-heading);font-size:1.25rem;font-size:var(--text-lg);font-weight:600}.home-map-arrow{color:#7c8798;color:var(--text-tertiary);position:absolute;right:1.5rem;right:var(--space-3);top:50%;transform:translateY(-50%);transition:transform .28s cubic-bezier(.22,1,.36,1),color .28s cubic-bezier(.22,1,.36,1);transition:transform var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.home-map-card:hover .home-map-arrow{color:#38bdf8;color:var(--accent-primary);transform:translateY(-50%) translateX(4px)}.interests-grid{grid-gap:1.5rem;grid-gap:var(--space-3);display:grid;gap:1.5rem;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.interest-card{border-radius:18px;border-radius:var(--radius-lg);padding:2rem;padding:var(--space-4)}.interest-icon{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:14px;border-radius:var(--radius-md);box-shadow:0 0 18px #38bdf880;box-shadow:0 0 18px var(--accent-glow);color:#38bdf8;color:var(--accent-primary);display:flex;height:52px;justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--space-3);width:52px}.interest-title{font-size:1.25rem;font-size:var(--text-lg);margin-bottom:.5rem;margin-bottom:var(--space-1)}.interest-text{color:#a9b4c4;color:var(--text-secondary);font-size:1rem;font-size:var(--text-base);line-height:1.75;line-height:var(--leading-relaxed)}[data-theme=greattree] .glass-panel{background:#1c180e70}@media (max-width:768px){.nav-desktop{display:none}.nav-mobile-btn{display:block}.hero-panel{padding:1.5rem;padding:var(--space-3)}.experience-item{padding-left:2rem;padding-left:var(--space-4)}.experience-number{font-size:.875rem;font-size:var(--text-sm);height:2rem;left:-1rem;width:2rem}.hero-cta{flex-direction:column}.btn-ghost,.btn-primary,.hero-cta{width:100%}.site-spotlight{display:none}.contact-link,.experience-content,.glass-panel,.interest-card,.nav-desktop,.nav-scrolled,.project-card,.skill-item{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.page-banner{padding-top:7rem}}
/*# sourceMappingURL=main.7f54edca.css.map*/