@font-face{font-family:Agustina Regular;src:url(/assets/Agustina-QfTSMhmS.woff)format("woff");font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Regular-dKSYcarW.ttf)format("truetype");font-display:swap}@font-face{font-family:SmileySans Oblique;src:url(/assets/SmileySans-Oblique-DQBcZX8-.woff2)format("woff2");font-display:swap}:root{--text:#000;--muted:#868e96;--bg:#fff;--button:#1a30be;--button-hover:#5063e2;--skills:#645beb;--progress:#aaa5ff;--education-border:#a9a7f9;--card-shadow:0 4px 12px #0000001a;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:19px/23px SmileySans Oblique,Montserrat,sans-serif}a,button{font:inherit}p{margin:0}h1,h2,h3{letter-spacing:0}img{max-width:100%}#root{min-height:100vh}.app-shell{min-height:100vh;color:var(--text);background:var(--bg);--surface:#fff;--header-bg:#ffffffeb;--border-soft:#a9a7f92e;--track:#f3efef;transition:background .18s,color .18s}.skip-link{z-index:1000;color:#fff;background:var(--button);border-radius:6px;padding:10px 14px;text-decoration:none;transition:transform .18s;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell.dark-mode{--text:#fff;--muted:#b8beca;--bg:#171c28;--surface:#202738;--header-bg:#171c28f0;--border-soft:#ffffff24;--button-hover:#645beb;--education-border:#6c63ff;--card-shadow:0 10px 30px -15px #ffffff38;--track:#2b3347}.site-header{z-index:10;background:var(--header-bg);border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;min-height:74px;padding:14px 5vw;transition:background .18s,border-color .18s;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;line-height:1;text-decoration:none;display:inline-flex}.brand-name{align-items:center;min-height:34px;padding:0 9px;font-family:Agustina Regular,cursive;font-size:24px;font-weight:700;line-height:1;display:inline-flex;transform:translateY(2px)}.brand-mark{min-height:34px;color:var(--muted);align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1;display:inline-flex}.nav-links{align-items:center;gap:6px;display:flex}.nav-links a{color:var(--text);border-radius:6px;padding:12px 16px;text-decoration:none;transition:background .18s,color .18s;display:block}.nav-links a:hover{color:#fff;background:var(--button)}.theme-toggle{cursor:pointer;background:#ccc;border:0;border-radius:34px;align-items:center;width:50px;height:26px;margin-left:8px;padding:0;transition:background .18s;display:inline-flex;position:relative}.theme-toggle[aria-pressed=true]{background:#2196f3}.theme-toggle:before{content:"";background:#fff;border-radius:50%;width:28px;height:26px;transition:transform .18s;position:absolute;left:0}.theme-toggle[aria-pressed=true]:before{transform:translate(22px)}.theme-toggle-icon{z-index:1;justify-content:center;align-items:center;width:28px;height:26px;margin-left:1px;font-size:15px;line-height:1;transition:transform .18s;display:inline-flex;position:relative}.theme-toggle[aria-pressed=true] .theme-toggle-icon{transform:translate(21px)}.theme-toggle-icon img{width:18px;height:18px;display:block}.theme-toggle-icon svg{color:#1f2533;width:14px;height:14px}.splash-container{min-height:100vh;color:var(--text);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;display:flex}.splash-animation-container{width:min(560px,80vw);height:50vh;min-height:260px}.splash-animation-container svg{display:block;width:100%!important;height:100%!important}.splash-title-container{color:var(--text);align-items:center;font-size:2.5rem;line-height:1;text-decoration:none;display:inline-flex}.splash-title-container .brand-mark{min-height:54px}.splash-title{font-variant-ligatures:no-common-ligatures;-webkit-font-variant-ligatures:no-common-ligatures;align-items:center;min-height:54px;padding:0 20px;font-family:Agustina Regular,cursive;font-weight:700;line-height:1;display:inline-flex;transform:translateY(3px)}.page-section{width:90%;margin:2rem auto 0;padding:20px 10px}.split-section{grid-template-columns:minmax(0,1fr) minmax(360px,1fr);align-items:center;gap:34px;display:grid}.hero{min-height:auto;padding-top:0}.hero-copy h1{color:var(--text);white-space:nowrap;margin:0 0 22px;font-size:clamp(38px,5.2vw,62px);font-weight:500;line-height:1.1}.hero-wave-icon{width:.78em;height:.78em;color:var(--skills);vertical-align:-.04em}.subtitle{color:var(--muted);font-size:clamp(17px,2vw,24px);line-height:1.5}.social-media{flex-wrap:wrap;gap:0;margin-top:22px;font-size:2em;display:flex}.social-button{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;margin:0 10px 10px 0;font-size:1.3rem;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.social-button:hover{background:#000;transform:translateY(-3px)}.social-github{background:#333}.social-linkedin{background:#0e76a8}.social-email{background:#ea4335}.social-instagram{background:#c13584}.button-row{flex-wrap:wrap;gap:28px;margin-top:22px;display:flex}.portfolio-button{border:1px solid var(--button);color:#fff;background:var(--button);text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;width:max-content;min-height:46px;padding:13px 22px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s ease-in-out;display:inline-flex;box-shadow:0 8px 22px #1a30be38}.portfolio-button:hover{color:var(--button);box-shadow:none;background:#fff;transform:translateY(-3px)}.illustration-wrap{position:relative}.floating-illustration,.contact-illustration{z-index:1;width:100%;height:auto;animation:5.5s ease-in-out infinite floatY;display:block;position:relative}.animated-illustration{aspect-ratio:1;min-height:330px;overflow:visible}.animated-illustration.floating-illustration{height:min(680px,64vw);max-height:680px}.hero-illustration.animated-illustration{height:min(740px,68vw);max-height:740px}.animated-illustration svg{display:block;width:100%!important;height:100%!important}.skills{grid-template-columns:minmax(360px,1fr) minmax(0,1fr)}.section-title{margin-bottom:24px}.section-title span{color:var(--skills);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:800;display:inline-block}.section-title h2{color:var(--text);margin:0;font-size:48px;font-weight:400;line-height:1.1}.section-heading{align-items:center;gap:14px;display:inline-flex}.section-heading-icon{color:var(--skills);flex:none;font-size:.78em}.split-section>.section-title{grid-column:1/-1;margin-bottom:-4px}.skills-content{min-width:0}.skills-content .subtitle{margin-bottom:26px}.dev-icons{text-align:center;margin:0 0 6px;padding:0;font-size:3rem;list-style:none;display:block}.software-skill-inline{margin-bottom:20px;margin-right:20px;display:inline-block}.skill-icon{color:var(--muted);line-height:1;transition:color .18s;display:inline-flex}.skill-icon svg{display:block}.software-skill-inline:hover .skill-icon,.software-skill-inline:hover p{color:var(--skills)}.dev-icons span:not(.skill-icon){color:var(--muted);font-size:34px;font-weight:900;line-height:1}.dev-icons p{color:var(--muted);text-align:center;margin:0;font-size:10px;transition:color .18s}.skill-copy{gap:12px;display:grid}.skill-copy p{color:var(--muted);font-size:18px}.progress-list{gap:14px;display:grid}.proficiency-layout{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:34px;display:grid}.proficiency-illustration-wrap{justify-content:center;display:flex}.proficiency-illustration{width:100%;max-width:none;margin:0 auto;display:block}.proficiency-illustration.animated-illustration{height:min(720px,64vw);max-height:720px}.progress-item{border:1px solid var(--border-soft);background:var(--surface);box-shadow:var(--card-shadow);border-radius:8px;padding:20px}.progress-head{color:var(--text);justify-content:space-between;gap:16px;margin-bottom:12px;display:flex}.progress-track{background:var(--track);border-radius:999px;height:14px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--progress);height:100%;animation:.9s both progressIn;display:block}.education-list{gap:18px;display:grid}.education-card{border:1px solid var(--education-border);background:var(--surface);box-shadow:var(--card-shadow);border-radius:8px;grid-template-columns:116px 1fr;gap:26px;padding:24px;transition:transform .18s,box-shadow .18s;display:grid}.education-card:hover,.experience-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000029}.school-logo{filter:drop-shadow(0 8px 14px #0003);background:0 0;border-radius:16px;place-items:center;width:104px;height:104px;display:grid;position:relative}.school-logo img{z-index:1;object-fit:contain;max-width:96px;max-height:96px;position:relative}.school-logo-cmu{filter:drop-shadow(0 8px 14px #0003);background:0 0;border-radius:50%}.school-logo-cmu:before{content:"";background:#fff;border-radius:50%;width:92px;height:92px;position:absolute}.school-logo-cmu img{border-radius:50%;max-width:92px;max-height:92px}.education-card h3,.experience-card h3{color:var(--text);margin:0 0 8px;font-size:22px}.education-card p,.education-card li,.experience-card p,.experience-card li,.education-card span,.experience-card span{color:var(--muted)}.card-note,.company-name{margin-top:10px;font-weight:700}.experience-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;display:grid}.projects-subtitle{max-width:900px;color:var(--muted);margin:-6px 0 24px;font-size:20px;line-height:1.5}.project-card-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px;display:grid}.project-card{border:1px solid var(--border-soft);background:var(--surface);height:100%;box-shadow:var(--card-shadow);border-radius:8px;padding:24px;transition:transform .18s,box-shadow .18s}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000029}.project-card-head span{color:var(--muted);font-size:14px}.project-card h3{color:var(--text);margin:8px 0 12px;font-size:22px;line-height:1.25}.project-card p,.project-card li{color:var(--muted);line-height:1.55}.project-card ul{margin:16px 0 0;padding-left:18px}.project-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.project-tags span{border:1px solid var(--border-soft);min-height:28px;color:var(--text);background:#6c63ff14;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.experience-card{border:1px solid var(--border-soft);background:var(--surface);height:100%;box-shadow:var(--card-shadow);border-radius:10px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.experience-banner{background:radial-gradient(circle at 50% 118%, #ffffff42, transparent 34%), linear-gradient(135deg, var(--experience-accent,var(--button)), var(--experience-accent-alt,var(--skills)));flex-direction:column;justify-content:center;align-items:center;min-height:248px;padding:28px 22px;display:flex;position:relative}.experience-banner-glow{filter:blur(10px);pointer-events:none;background:#ffffff1f;position:absolute;inset:0}.experience-company{z-index:1;text-align:center;text-shadow:0 8px 18px #00000042;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;margin:0 0 18px;font-size:22px;font-weight:800;line-height:1.25;display:-webkit-box;position:relative;overflow:hidden;color:#fff!important}.experience-logo-link,.experience-logo-fallback{z-index:2;background:#fff;border:6px solid #ffffffe0;border-radius:50%;place-items:center;width:118px;height:118px;margin:0 0 20px;text-decoration:none;display:grid;position:relative;box-shadow:0 12px 24px #00000038}.experience-logo{object-fit:contain;width:88px;height:88px}.experience-logo-fallback{color:var(--experience-accent,var(--button));font-size:42px;font-weight:900}.experience-card h3{z-index:1;color:#fff;text-align:center;text-shadow:0 8px 18px #00000042;margin:0;font-size:24px;font-weight:800;line-height:1.25;position:relative}.experience-date{z-index:1;text-align:center;margin-top:12px;font-size:18px;font-weight:800;position:relative;color:#ffffffe0!important}.experience-body{text-align:left;padding:24px}.experience-body>p:not(.experience-date){margin-top:18px;line-height:1.5}.experience-body ul,.education-card ul{margin:14px 0 0;padding-left:18px}.experience-body ul{text-align:left;gap:10px;display:grid}.experience-body li{line-height:1.45}.experience-archive-links{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.experience-archive-links a{border:1px solid color-mix(in srgb, var(--experience-accent,var(--button)) 34%, transparent);min-height:30px;color:var(--text);background:color-mix(in srgb, var(--experience-accent,var(--button)) 10%, transparent);border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:800;line-height:1.2;text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.experience-archive-links a:hover{border-color:var(--experience-accent,var(--button));background:color-mix(in srgb, var(--experience-accent,var(--button)) 16%, transparent);transform:translateY(-1px)}.repo-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem;display:grid}.repo-card{color:#586069;background:var(--surface);height:100%;padding:2rem;text-decoration:none;transition:background .18s,box-shadow .18s,transform .18s;display:block;box-shadow:0 10px 30px -15px #0003}.repo-card:hover{transform:translateY(-3px);box-shadow:0 20px 30px -10px #0003}.dark-mode .repo-card{color:var(--text)}.dark-mode .repo-card:hover{background:var(--button);box-shadow:0 0 16px #d9dbdfa6}.repo-name-row{align-items:center;gap:.5rem;display:flex}.repo-name-row h3{height:30px;color:var(--text);letter-spacing:-.5px;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:Montserrat,sans-serif;font-size:25px;font-weight:700;overflow:hidden}.repo-description{min-height:46px;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.repo-stats,.repo-left-stat,.repo-left-stat span{align-items:center;display:flex}.repo-stats{color:var(--muted);justify-content:space-between;gap:1rem;font-size:13px}.repo-left-stat{flex-wrap:wrap;gap:.75rem}.repo-left-stat span{gap:.3rem}.language-color{border-radius:50%;width:10px;height:10px}.project-button{justify-content:center;margin-top:20px;display:flex}.project-button>.portfolio-button{margin-right:0}.contact{padding-bottom:50px}.contact-margin-top{margin-top:4rem}.contact-div-main{display:flex}.contact-div-main>*{flex:1}.contact-title{color:var(--text);margin:0;font-size:65px;font-weight:400;line-height:1.1}.contact-subtitle{color:var(--muted);text-transform:uppercase}.contact-text-div{margin-top:1.5rem}.contact-detail,.contact-detail-email{color:var(--muted);margin-top:20px;font-size:40px;font-weight:400;text-decoration:none;transition:color .18s,text-shadow .18s;display:inline-block}.contact-detail:hover,.contact-detail-email:hover{color:var(--text);text-shadow:2px 1px 2px #b5b5b5e6}.contact-image-div img{max-width:100%;height:auto;margin-top:-4rem;margin-left:1.5rem}.contact-text-div .social-media{margin-top:16px}.footer{color:var(--muted);text-align:center;margin-top:2rem;padding-bottom:1rem}.footer p{align-items:center;gap:6px;margin:0 0 6px;display:inline-flex}.footer a{color:inherit}.footer-heart{color:#d61f26}.profile-title{color:var(--text);margin:0 0 26px;font-size:40px;font-weight:400;line-height:1.2}.profile-row{align-items:center;gap:32px;display:flex}.profile-content{flex:80%}.profile-image-wrap{text-align:right;flex:20%;max-width:100%}.profile-image{border:.5rem solid #6c63ff;border-radius:50%;width:100%;max-width:350px;height:auto;margin-left:auto;transition:box-shadow .3s;box-shadow:0 30px 30px -30px #0000001a}.profile-image:hover{box-shadow:none}.profile-subtitle{color:var(--muted);text-transform:uppercase;margin-bottom:20px;line-height:1.4}.profile-bio{color:var(--text);margin:0 0 18px;font-size:22px;font-weight:400;line-height:30px}.profile-desc{color:var(--muted);margin:0;font-size:19px;line-height:36px}.profile-meta{align-items:center;gap:8px;display:inline-flex}.profile-content .social-media{margin-top:18px}.top-button{visibility:hidden;z-index:99;color:#fff;background:var(--button);cursor:pointer;opacity:0;border:0;border-radius:15px;place-items:center;width:54px;height:54px;padding:0;font-size:25px;transition:opacity .18s,background .18s,transform .18s,visibility .18s;display:grid;position:fixed;bottom:20px;right:30px}.top-button.is-visible{visibility:visible;opacity:1}.top-button:hover{background:#000;transform:translateY(-2px)}.wave{transform-origin:70% 70%;animation:1.8s ease-in-out infinite wave;display:inline-block}.reveal{opacity:0;transition:opacity .7s,transform .7s}.reveal-up{transform:translateY(36px)}.reveal-left{transform:translate(-42px)}.reveal-right{transform:translate(42px)}.reveal.is-visible{opacity:1;transform:translate(0)}@keyframes wave{0%,to{transform:rotate(0)}10%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes progressIn{0%{transform-origin:0;transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}.reveal{opacity:1;transform:none}}@media (width<=860px){.site-header{justify-items:center;gap:12px;display:grid;position:static}.nav-links{justify-content:center;width:100%;overflow-x:auto}.nav-links a{padding:10px 12px;font-size:14px}.page-section{width:min(100% - 32px,1180px);padding-top:34px}.splash-animation-container{width:min(440px,86vw);min-height:220px}.splash-title-container{font-size:2rem}.split-section,.skills,.proficiency-layout{grid-template-columns:1fr;gap:28px}.proficiency-illustration-wrap{display:none}.hero{text-align:center;min-height:auto}.hero-copy h1{white-space:normal;font-size:36px}.section-title h2{text-align:center;justify-content:center;font-size:30px}.repo-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-card-grid{grid-template-columns:1fr}.contact-div-main{display:block}.contact-title{text-align:center;font-size:40px}.contact-subtitle{text-align:center;font-size:16px;line-height:normal}.contact-text-div{text-align:center}.contact-detail,.contact-detail-email{font-size:20px}.contact-image-div{display:none}.profile-row{flex-direction:column}.profile-content{text-align:center;order:2}.profile-image-wrap{text-align:center;order:1;margin-left:auto;margin-right:auto}.profile-title{text-align:center;padding-bottom:1rem;font-size:32px}.profile-bio{font-size:16px}.profile-desc{font-size:16px;line-height:30px}.profile-image{max-width:250px;margin-left:auto;margin-right:auto}.social-media,.button-row{justify-content:center}.illustration-wrap{order:2}.education-card{grid-template-columns:1fr;justify-items:start}}