:root{--background:oklch(97.89% .0082 121.627);--foreground:oklch(0% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(0% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(0% 0 0);--primary:oklch(51.06% .2301 276.966);--primary-foreground:oklch(100% 0 0);--secondary:oklch(70.38% .123 182.503);--secondary-foreground:oklch(100% 0 0);--muted:oklch(95.51% 0 0);--muted-foreground:oklch(32.11% 0 0);--accent:oklch(76.86% .1647 70.0804);--accent-foreground:oklch(0% 0 0);--destructive:oklch(63.68% .2078 25.3313);--destructive-foreground:oklch(100% 0 0);--border:oklch(0% 0 0);--input:oklch(55.55% 0 0);--ring:oklch(78.53% .1041 274.713);--chart-1:oklch(51.06% .2301 276.966);--chart-2:oklch(70.38% .123 182.503);--chart-3:oklch(76.86% .1647 70.0804);--chart-4:oklch(65.59% .2118 354.308);--chart-5:oklch(72.27% .192 149.579);--sidebar:oklch(97.89% .0082 121.627);--font-sans:"DM Sans", sans-serif;--font-serif:"DM Sans", sans-serif;--font-mono:"Space Mono", monospace;--radius:1rem;--radius-sm:calc(var(--radius) - .4rem);--radius-lg:calc(var(--radius) + .4rem);--radius-pill:999px;--shadow-color:#1a1a1a;--shadow-sm:2px 2px 0px 0px var(--border);--shadow:3px 3px 0px 0px var(--border);--shadow-md:4px 4px 0px 0px var(--border);--shadow-lg:6px 6px 0px 0px var(--border);--shadow-hover:8px 8px 0px 0px var(--border);--gum-pink:var(--primary);--gum-pink-dark:oklch(41.06% .2301 276.966);--gum-sky:var(--secondary);--gum-gold:var(--accent);--gum-cream:var(--card)}.dark{--background:oklch(0% 0 0);--foreground:oklch(100% 0 0);--card:oklch(24.55% .0217 257.282);--card-foreground:oklch(100% 0 0);--popover:oklch(24.55% .0217 257.282);--popover-foreground:oklch(100% 0 0);--primary:oklch(68.01% .1583 276.935);--primary-foreground:oklch(0% 0 0);--secondary:oklch(78.45% .1325 181.912);--secondary-foreground:oklch(0% 0 0);--muted:oklch(32.11% 0 0);--muted-foreground:oklch(84.52% 0 0);--accent:oklch(87.9% .1534 91.6054);--accent-foreground:oklch(0% 0 0);--border:oklch(44.59% 0 0);--input:oklch(100% 0 0);--ring:oklch(68.01% .1583 276.935);--sidebar:oklch(0% 0 0);--shadow-color:#1a1a1a;--shadow-sm:2px 2px 0px 0px var(--border);--shadow:3px 3px 0px 0px var(--border);--shadow-md:4px 4px 0px 0px var(--border);--shadow-lg:6px 6px 0px 0px var(--border);--shadow-hover:8px 8px 0px 0px var(--border);--gum-pink:var(--primary);--gum-pink-dark:oklch(58.01% .1583 276.935);--gum-sky:var(--secondary);--gum-gold:var(--accent);--gum-cream:var(--card)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);background-image:radial-gradient(circle at 8% 12%, color-mix(in oklch, var(--secondary) 35%, transparent) 0, transparent 32%), radial-gradient(circle at 92% 8%, color-mix(in oklch, var(--accent) 40%, transparent) 0, transparent 30%), radial-gradient(circle at 85% 90%, color-mix(in oklch, var(--primary) 16%, transparent) 0, transparent 35%);background-attachment:fixed;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--card)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-pill);border:3px solid var(--card)}.wrap{max-width:1120px;margin-inline:auto;padding-inline:24px}.section{padding:96px 0;position:relative}.section-head{text-align:center;margin-bottom:56px}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--primary);background:var(--card);border:2.5px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:6px 16px;font-size:.75rem;display:inline-flex}.eyebrow:before{content:"●";color:var(--primary)}.section-title{font-family:var(--font-serif);color:var(--foreground);margin-top:14px;font-size:clamp(1.8rem,4vw,2.75rem);font-weight:700}.section-title span{color:var(--primary)}.section-sub{max-width:560px;color:var(--muted-foreground);margin:14px auto 0;font-size:.98rem}.btn{border-radius:var(--radius-pill);border:3px solid var(--border);box-shadow:var(--shadow);white-space:nowrap;align-items:center;gap:10px;padding:13px 26px;font-size:.92rem;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.btn:active{box-shadow:0px 0px 0px 0px var(--border);transform:translate(3px,3px)}.btn:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.btn-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--border)}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground)}.btn-ghost{background:var(--card);color:var(--foreground)}.btn i{font-size:.95em}.chip{font-family:var(--font-mono);background:var(--card);border:2.5px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:8px 16px;font-size:.82rem;font-weight:500;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.chip:hover{background:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px)}.gum-card{background:var(--card);border:2.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform .22s,box-shadow .22s}.gum-card:hover{box-shadow:var(--shadow-hover);transform:translate(-4px,-4px)}#navbar-root{z-index:100;position:sticky;top:0}.navbar{background:color-mix(in oklch, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid var(--border);border-radius:var(--radius-pill);max-width:1080px;box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;margin:16px auto 0;padding:14px 24px;display:flex}.nav-logo{font-weight:700;font-family:var(--font-serif);align-items:center;gap:10px;font-size:1.15rem;display:flex}.nav-logo .dot{background:var(--primary);width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in oklch, var(--secondary) 60%, transparent);border-radius:50%}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{border-radius:var(--radius-pill);padding:9px 16px;font-size:.9rem;font-weight:500;transition:background .2s,color .2s}.nav-links a:hover,.nav-links a.active{background:var(--primary);color:var(--primary-foreground)}.nav-cta{align-items:center;gap:10px;display:flex}.nav-toggle{background:var(--primary);color:var(--primary-foreground);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;display:none}@media (width<=860px){.nav-links{background:var(--card);border:3px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;flex-direction:column;align-items:stretch;gap:6px;padding:14px;transition:transform .3s,opacity .3s;position:fixed;inset:90px 20px auto;transform:translateY(-140%)}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a{text-align:center}.nav-toggle{display:flex}.nav-cta .btn span{display:none}}.hero{padding:72px 0 40px;position:relative}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}.hero-eyebrow{font-family:var(--font-mono);background:var(--accent);border:2.5px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:7px 14px;font-size:.8rem;display:inline-flex}.hero-title{font-family:var(--font-serif);margin-top:20px;font-size:clamp(2.4rem,5.4vw,4rem);font-weight:700;line-height:1.06}.hero-title .hl{color:var(--primary);white-space:nowrap;position:relative}.hero-role{font-family:var(--font-mono);color:var(--primary-foreground);background:var(--primary);border-radius:var(--radius-sm);border:2.5px solid var(--primary);box-shadow:var(--shadow-sm);margin-top:18px;padding:8px 16px;font-size:1.05rem;display:inline-block}.hero-desc{max-width:480px;color:var(--muted-foreground);margin-top:22px;font-size:1rem}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero-stats{flex-wrap:wrap;gap:14px;margin-top:44px;display:flex}.hero-stat{background:var(--card);border:2.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:12px 18px}.hero-stat b{font-family:var(--font-serif);color:var(--primary);font-size:1.4rem;display:block}.hero-stat span{color:var(--muted-foreground);font-size:.78rem}.hero-visual{position:relative}.hero-frame{border-radius:var(--radius-lg);border:3px solid var(--border);box-shadow:var(--shadow-lg);background:var(--card);aspect-ratio:4/3.1;position:relative;overflow:hidden}.hero-frame img,.hero-frame video{object-fit:cover;width:100%;height:100%}.hero-frame .frame-label{font-family:var(--font-mono);background:color-mix(in oklch, var(--background) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-pill);border:2.5px solid var(--border);padding:6px 12px;font-size:.72rem;position:absolute;bottom:14px;left:14px}.hero-blob{z-index:-1;filter:blur(2px);border-radius:50%;position:absolute}.hero-blob.b1{background:var(--secondary);width:120px;height:120px;animation:6s ease-in-out infinite float;top:-30px;right:-20px}.hero-blob.b2{background:var(--accent);width:80px;height:80px;animation:7s ease-in-out infinite reverse float;bottom:-20px;left:-20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@media (width<=900px){.hero-grid{grid-template-columns:1fr}.hero-visual{order:-1;width:100%;max-width:420px;margin-inline:auto}}.about-grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:48px;display:grid}.about-card{padding:28px}.about-photo{aspect-ratio:1/1.05;border-radius:var(--radius);border:3px solid var(--border);background:var(--secondary);justify-content:center;align-items:center;width:100%;margin-bottom:18px;display:flex;overflow:hidden}.about-photo img{object-fit:cover;width:100%;height:100%}.about-photo .ph-fallback{font-family:var(--font-serif);color:var(--secondary-foreground);font-size:3rem}.about-text p{color:var(--muted-foreground);margin-bottom:16px}.about-text p:last-child{margin-bottom:0}.about-highlights{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px;display:grid}.hl-item{background:var(--card);border:2.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);gap:12px;padding:16px;display:flex}.hl-item .icon{background:var(--secondary);border:2.5px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.hl-item h4{margin-bottom:2px;font-size:.92rem}.hl-item p{color:var(--muted-foreground);margin:0;font-size:.8rem}@media (width<=860px){.about-grid{grid-template-columns:1fr}.about-highlights{grid-template-columns:1fr 1fr}}.skills-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.skill-card{padding:22px}.skill-card-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.skill-card-head .icon{border-radius:var(--radius-sm);background:var(--primary);border:2.5px solid var(--primary);width:42px;height:42px;color:var(--primary-foreground);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.skill-card h3{font-family:var(--font-serif);font-size:1.05rem}.skill-chips{flex-wrap:wrap;gap:8px;display:flex}@media (width<=900px){.skills-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.skills-grid{grid-template-columns:1fr}}.projects-list{flex-direction:column;gap:40px;display:flex}.project-card{grid-template-columns:1fr 1fr;grid-template-areas:"media body""links links";display:grid;overflow:hidden}.project-card:nth-child(2n){grid-template-areas:"body media""links links"}.project-media{background:var(--secondary);grid-area:media;justify-content:center;align-items:center;min-height:260px;display:flex;position:relative;overflow:hidden}.project-media img{object-fit:contain;width:100%;height:100%;padding:12px;position:absolute;inset:0}.project-media .media-fallback{color:var(--secondary-foreground);font-family:var(--font-mono);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:.78rem;display:flex;position:absolute;inset:0}.project-media .media-fallback i{font-size:2.2rem}.project-body{flex-direction:column;grid-area:body;padding:32px 32px 8px;display:flex}.project-tag{font-family:var(--font-mono);color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.7rem}.project-body h3{font-family:var(--font-serif);margin-bottom:12px;font-size:1.4rem}.project-body ul{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.project-body ul li{color:var(--muted-foreground);padding-left:20px;font-size:.88rem;position:relative}.project-body ul li:before{content:"◆";color:var(--primary);font-size:.65rem;position:absolute;top:5px;left:0}.project-stack{flex-wrap:wrap;gap:6px;display:flex}.project-stack span{font-family:var(--font-mono);background:var(--accent);color:var(--accent-foreground);border-radius:var(--radius-pill);border:2.5px solid var(--border);padding:4px 10px;font-size:.7rem}.project-links{flex-wrap:wrap;grid-area:links;gap:10px;padding:20px 32px 32px;display:flex}@media (width<=860px){.project-card,.project-card:nth-child(2n){grid-template-columns:1fr;grid-template-areas:"media""body""links"}.project-links{padding:16px 24px 24px}}.timeline{max-width:780px;margin:0 auto;position:relative}.timeline:before{content:"";background:repeating-linear-gradient(var(--primary) 0 8px, transparent 8px 14px);border-radius:3px;width:3px;position:absolute;top:6px;bottom:6px;left:22px}.timeline-item{margin-bottom:34px;padding-left:64px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:var(--primary);border:3px solid var(--card);width:32px;height:32px;box-shadow:0 0 0 1.5px var(--border);color:var(--primary-foreground);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;top:4px;left:8px}.timeline-card{padding:22px 24px}.timeline-top{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:6px;display:flex}.timeline-top h3{font-family:var(--font-serif);font-size:1.1rem}.timeline-date{font-family:var(--font-mono);background:var(--accent);border-radius:var(--radius-pill);border:2.5px solid var(--border);white-space:nowrap;height:fit-content;padding:4px 10px;font-size:.72rem}.timeline-org{color:var(--primary);margin-bottom:10px;font-size:.85rem;font-weight:600}.timeline-card ul li{color:var(--muted-foreground);margin-bottom:6px;padding-left:18px;font-size:.87rem;position:relative}.timeline-card ul li:before{content:"•";color:var(--primary);position:absolute;left:4px}.edu-card{align-items:flex-start;gap:22px;padding:28px;display:flex}.edu-icon{background:var(--secondary);border:3px solid var(--border);width:58px;height:58px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.edu-card h3{font-family:var(--font-serif);margin-bottom:4px;font-size:1.2rem}.edu-meta{color:var(--primary);margin-bottom:4px;font-size:.85rem;font-weight:600}.edu-date{font-family:var(--font-mono);color:var(--muted-foreground);margin-bottom:12px;font-size:.75rem}.edu-card ul li{color:var(--muted-foreground);margin-bottom:6px;padding-left:18px;font-size:.88rem;position:relative}.edu-card ul li:before{content:"•";color:var(--primary);position:absolute;left:4px}.achievements{margin-top:28px;padding:26px}.achievements h3{font-family:var(--font-serif);align-items:center;gap:10px;margin-bottom:14px;font-size:1.1rem;display:flex}.achievements ul li{color:var(--muted-foreground);margin-bottom:10px;padding-left:20px;font-size:.88rem;position:relative}.achievements ul li:before{content:"★";color:var(--primary);font-size:.85rem;position:absolute;left:0}.cert-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.cert-card{cursor:pointer;overflow:hidden}.cert-img{aspect-ratio:4/3;background:var(--secondary);position:relative;overflow:hidden}.cert-img img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cert-img .cert-fallback{color:var(--secondary-foreground);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;position:absolute;inset:0}.cert-img .cert-fallback i{font-size:1.8rem}.cert-img .cert-fallback span{font-family:var(--font-mono);font-size:.68rem}.cert-info{padding:16px 18px}.cert-info h4{margin-bottom:4px;font-size:.95rem}.cert-info p{color:var(--muted-foreground);font-size:.78rem}@media (width<=900px){.cert-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.cert-grid{grid-template-columns:1fr}}.lightbox{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#0009;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.lightbox.open{display:flex}.lightbox-inner{background:var(--card);border:3px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:720px;box-shadow:var(--shadow-lg);overflow:hidden}.lightbox-inner img{width:100%}.lightbox-close{background:var(--primary);width:44px;height:44px;color:var(--primary-foreground);box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:22px;right:26px}.resume-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#0009;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.resume-modal.open{display:flex}.resume-modal-inner{background:var(--card);border:3px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:900px;height:88vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.resume-modal-head{border-bottom:1.5px solid var(--border);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.resume-modal-head h3{font-family:var(--font-serif);font-size:1.1rem}.resume-modal-head .actions{gap:10px;display:flex}.btn-icon-link{display:inline-flex}.resume-modal-head button{background:var(--accent);border:2.5px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.resume-modal-body{background:var(--muted);flex:1}.resume-modal-body iframe{border:none;width:100%;height:100%}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:44px;display:grid}.contact-info-card{padding:30px}.contact-info-card h3{font-family:var(--font-serif);margin-bottom:10px;font-size:1.3rem}.contact-info-card p{color:var(--muted-foreground);margin-bottom:24px;font-size:.9rem}.contact-row{align-items:center;gap:14px;margin-bottom:16px;display:flex}.contact-row .icon{background:var(--secondary);border:2.5px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.contact-row a,.contact-row span{font-size:.9rem;font-weight:500}.contact-socials{gap:12px;margin-top:24px;display:flex}.contact-socials a{background:var(--card);border:2.5px solid var(--border);width:44px;height:44px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background .2s;display:flex}.contact-socials a:hover{background:var(--primary);color:var(--primary-foreground);transform:translateY(-4px)}.contact-form{flex-direction:column;gap:16px;padding:30px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field label{margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.field input,.field textarea{border-radius:var(--radius-sm);border:2.5px solid var(--border);background:var(--input);width:100%;color:var(--foreground);padding:12px 16px;font-family:inherit;font-size:.9rem;transition:box-shadow .18s}.field input:focus,.field textarea:focus{box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 50%, transparent);outline:none}.field textarea{resize:vertical;min-height:120px}.form-note{color:var(--muted-foreground);align-items:center;gap:10px;font-size:.78rem;transition:color .2s;display:flex}.form-note.is-opening{color:var(--primary);animation:.35s both note-in}.form-note-loader{border:2px solid color-mix(in oklch, var(--primary) 25%, transparent);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes note-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.contact-grid,.form-row{grid-template-columns:1fr}}.footer{text-align:center;padding:40px 0 30px}.footer-inner{flex-direction:column;align-items:center;gap:16px;padding:30px;display:flex}.footer-socials{gap:12px;display:flex}.footer-socials a{background:var(--secondary);border:2.5px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.footer p{color:var(--muted-foreground);font-size:.8rem}.footer .made-with{font-family:var(--font-mono);font-size:.72rem}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}.component-loading{text-align:center;font-family:var(--font-mono);color:var(--muted-foreground);padding:60px 0;font-size:.8rem}