:root{--bg: #efe6d7;--bg-deep: #e3d3bf;--fg: #bf2000;--primary: #fa912e;--primary-dark: #fa912ede;--glow-warm: rgba(255, 150, 92, .22);--glow-cool: rgba(107, 136, 255, .14);--grid: rgba(255, 255, 255, .22);--vignette: rgba(61, 34, 16, .08);line-height:1.5;color-scheme:light dark;color:var(--fg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}html{scroll-padding-top:86px}body{margin-top:86px;color:var(--fg);font-family:Manrope,sans-serif;background:radial-gradient(circle at 50% 0%,var(--glow-warm),transparent 40%),radial-gradient(circle at 82% 50%,var(--glow-cool),transparent 24%),linear-gradient(180deg,var(--bg),var(--bg-deep));background-attachment:fixed;position:relative}p,li,button,input,textarea{font-family:Manrope,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at center,black 42%,transparent 88%);mask-image:radial-gradient(circle at center,black 42%,transparent 88%);opacity:.28}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 44%,var(--vignette) 100%)}[data-theme=dark]{--bg: #0d1018;--bg-deep: #151b27;--fg: #efe6d7;--glow-warm: rgba(255, 144, 89, .14);--glow-cool: rgba(98, 131, 255, .12);--grid: rgba(255, 255, 255, .06);--vignette: rgba(0, 0, 0, .26)}.oswald-100{font-family:Oswald,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal}.oswald-300{font-family:Oswald,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}.oswald-400{font-family:Oswald,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.oswald-500{font-family:Oswald,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.barrio-regular{font-family:Barrio,system-ui;font-weight:400;font-style:normal}nav{width:fill;width:100%;top:0;height:50px;position:fixed;text-align:center;display:flex;flex-direction:column;z-index:1000}.nav-container{width:85%;align-self:center;display:flex;justify-content:space-between;flex-direction:column}.nav-pill{width:100%;padding:.75rem;margin-top:.75rem;margin-bottom:.25rem;border:1px solid rgba(255,255,255,.15);border-radius:9999px;background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);align-self:center;display:flex;justify-content:space-between}.left-box,.right-box{width:100%;display:flex;flex-direction:row}.center-box{width:60%;display:flex;justify-content:space-evenly}.right-box{justify-content:flex-end}nav a{padding:0 .75rem;text-decoration:none;color:inherit;cursor:pointer}.toggler,.icon-link{background:none;border:none;font:inherit;color:inherit;cursor:pointer;font-size:1rem;padding:0 .5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center}#hamburger-toggler{display:none}.toggler:hover,.icon-link:hover{background-color:#ffffff26}.nav-link{position:relative;display:inline-block}.nav-link:after{content:"";position:absolute;left:50%;bottom:-6px;width:20px;height:3px;background:currentColor;border-radius:9999px;transform:translate(-50%) scale(0);transition:transform .2s ease;pointer-events:none}.nav-link:hover:after{transform:translate(-50%) scale(1)}.nav-small{width:50%;padding:1rem .25rem;border:1px solid rgba(255,255,255,.15);border-radius:25px;background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:inset;font-size:1.25rem;align-self:flex-end;display:flex;text-align:start;flex-direction:column;justify-content:space-between;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;pointer-events:none;transition:max-height .4s ease,opacity .25s ease,transform .4s ease}.nav-small>a,.nav-small-divider,.nav-small-buttons{opacity:0;transform:translate(18px);transition:opacity .25s ease,transform .3s ease}.nav-small.is-visible{max-height:420px;opacity:1;transform:scaleY(1);pointer-events:auto}.nav-small.is-visible>a,.nav-small.is-visible .nav-small-divider,.nav-small.is-visible .nav-small-buttons{opacity:1;transform:translate(0)}.nav-small.is-visible>a:nth-of-type(1){transition-delay:.28s}.nav-small.is-visible>a:nth-of-type(2){transition-delay:.34s}.nav-small.is-visible>a:nth-of-type(3){transition-delay:.4s}.nav-small.is-visible .nav-small-divider{transition-delay:.46s}.nav-small.is-visible>a:nth-of-type(4){transition-delay:.52s}.nav-small.is-visible>a:nth-of-type(5){transition-delay:.58s}.nav-small-divider{border:none;border-top:1px solid rgba(255,255,255,.5);margin:1rem .5rem}@media(min-width:767px){.nav-small{display:none}}@media(max-width:766px){#hamburger-toggler{display:inherit}#github-icon,#linkedin-icon,.center-box a{display:none}.nav-link:after{width:0px;height:0px}}@media(max-width:575px){.nav-small{width:100%;font-size:1.25rem}}.hero{height:auto;width:100%;display:flex;justify-content:center;overflow-x:clip}.hero-container{width:85%;margin-top:3rem;padding:0 2rem;display:flex;gap:2rem}.subtle{color:#bdbbbb}.left-hero{flex:1 1 0;min-width:0;padding:1rem;align-items:start;display:flex;flex-direction:column}.profession{color:var(--primary);font-size:clamp(.9rem,1.5vw,1.25rem)}.hero-name{margin-top:1rem;margin-bottom:.5rem;line-height:.8;font-size:clamp(3rem,9vw,6rem)}.left-hero p{font-size:clamp(.95rem,1.6vw,1.15rem)}.hero-cta{width:100%;padding:1rem 0;display:flex;gap:1rem}button.primary{font-size:1rem;background:linear-gradient(to left,var(--primary),var(--primary-dark));border-radius:9999px;padding:1rem;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 15px #fa912ee6}button.secondary{font-size:1rem;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;border-radius:9999px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem}.info-container{padding-top:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-self:center}.info-card{background-color:#0a0a0a66;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:15px;padding:1rem;width:100%;box-shadow:0 30px 60px #0006}.info-card h2{font-size:clamp(1rem,5vw,2rem)}.right-hero{flex:1 1 0;min-width:0;padding:0 2rem;align-items:center;display:flex;flex-direction:column;perspective:1200px}.computer{margin-top:3rem;position:relative;background-color:#0a0a0a66;border:1px solid rgba(255,255,255,.1);width:min(100%,720px);border-radius:20px;z-index:2;transform:perspective(1000px) rotateX(8deg) rotateY(-5deg) rotate(1deg);box-shadow:0 30px 60px #0006}.window-controls{padding:.9rem;display:flex;flex-direction:row;gap:3px}.window-controls span{width:10px;height:10px;border-radius:50%;display:block}.window-controls span:nth-of-type(1){background-color:#ff605c}.window-controls span:nth-of-type(2){background-color:#ffbd44}.window-controls span:nth-of-type(3){background-color:#00ca4e}code{font-family:Google Sans Code,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:clamp(.7rem,1.35vw,1.1rem);color:#fff;padding:.25rem 1.75rem;margin-bottom:1rem;display:block;overflow-x:auto}.computer:before{content:"";position:absolute;inset:10px;background:radial-gradient(circle,var(--glow-warm),transparent 60%);filter:blur(80px);z-index:-1}.keyword{color:#569cd6}.variable{color:#4fc1ff}.property{color:#9cdcfe}.string{color:#ce9178}.brace{color:gold}.bracket{color:#c586c0}@media(max-width:1399px){code{font-size:.9rem}}@media(max-width:1199px){.hero-container{padding:0 1.5rem;width:min(1200px,100%)}code{font-size:.7rem}}@media(max-width:991px){.hero-container{flex-direction:column-reverse;margin-top:0rem;gap:1rem}.right-hero{margin-top:0;padding:0 1rem}.computer{margin-top:1rem}code{font-size:.9rem}}@media(max-width:766px){.hero-container{padding:0 1rem}code{font-size:.8rem}}@media(max-width:575px){.computer{margin:0;transform:perspective(1200px) rotateX(15deg)}.info-container{grid-template-columns:1fr}code{font-size:.55rem;padding-left:1rem;padding-right:1rem}}@media(max-width:375px){code{font-size:.45rem;padding-left:1rem;padding-right:1rem}}:root{width:100%}