:root{color-scheme:light;font-family:Space Grotesk,sans-serif;line-height:1.5;font-weight:400;color:#fff5f0;background:radial-gradient(circle at top left,rgba(255,120,90,.34),transparent 24%),radial-gradient(circle at top right,rgba(255,206,86,.22),transparent 22%),radial-gradient(circle at bottom left,rgba(87,117,255,.26),transparent 24%),linear-gradient(145deg,#180c2e,#1f123d,#0c1636 68%,#081018);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:rgba(126,240,197,.9) rgba(20,24,54,.75);scrollbar-width:thin}body{margin:0;min-width:320px;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at center,black 35%,transparent 80%);mask-image:radial-gradient(circle at center,black 35%,transparent 80%);pointer-events:none}a,button{font:inherit}#root{min-height:100vh}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#121430e0,#081018db);border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9be9ff,#7cefc8 48%,#68d0ff);border-radius:999px;border:2px solid rgba(13,18,43,.82);box-shadow:0 0 0 1px #ffffff0f inset,0 0 18px #68d0ff47}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#b7f2ff,#93f6d8 46%,#79ddff)}.shell{position:relative;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1.4rem 0 3rem;display:grid;gap:1.15rem}.status-shell{display:grid;place-items:center;min-height:100vh}.panel{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#121430ad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 80px #02061757;padding:1.3rem}.panel:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 38%);pointer-events:none}.panel h2,.panel h3{margin:0}.panel h2{font-size:clamp(1.35rem,3vw,2rem);margin-bottom:.85rem}.panel p{margin:0;color:#f7f1e8d1}.eyebrow{margin:0 0 .55rem;color:#ffd166;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.content-grid,.timeline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.about-stack-layout{grid-template-columns:minmax(0,1fr)}.nav-section{scroll-margin-top:5.4rem}.navbar{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:.7rem 1rem;border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 20px 20px;background:#121430d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 32px #0206174d}.navbar-brand{display:flex;align-items:center;gap:.65rem;min-height:2.2rem}.navbar-avatar{width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid rgba(255,255,255,.25);object-fit:cover;opacity:0;transform:translateY(-6px) scale(.92);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.navbar-avatar.is-visible{opacity:1;transform:translateY(0) scale(1)}.navbar-avatar.is-hidden{opacity:0;transform:translateY(-6px) scale(.92)}.navbar-brand-text{display:grid;gap:.08rem}.navbar-name{font-weight:700;font-size:.94rem;background:linear-gradient(135deg,#ff7b54,#ff4d8d,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-brand-text small{color:#fff5f08c;font-size:.72rem}.navbar-links{display:flex;align-items:center;gap:1.2rem;position:absolute;left:50%;transform:translate(-50%)}.navbar-links a{color:#fff5f0ad;text-decoration:none;font-size:.87rem;border-radius:999px;padding:.28rem .62rem;border:1px solid transparent;transition:color .18s ease,border-color .18s ease,background .18s ease}.navbar-links a:hover{color:#94e8ff}.navbar-links a.is-active{color:#e7fbff;border-color:#7ef0c59e;background:#7ef0c533;box-shadow:0 0 0 1px #7ef0c547 inset,0 0 16px #7ef0c533}.hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:clamp(1.1rem,2.4vw,1.9rem);padding:clamp(1.1rem,2.2vw,1.8rem);background:linear-gradient(150deg,#ffffff14,#ffffff08)}.hero-copy,.status-card{padding:clamp(1.1rem,2.2vw,1.8rem)}.hero-copy .eyebrow{color:#ffd98a;letter-spacing:.16em;font-size:.7rem;margin-bottom:.82rem}.hero-copy h1,.status-card h1{margin:0;font-family:"Instrument Serif",serif;font-size:clamp(2.2rem,7.2vw,4.7rem);line-height:.92;letter-spacing:-.02em;color:#fffaf6;text-wrap:balance}.hero-copy h1 span{display:block;margin-top:.48rem;color:#b9f0ff;font-size:clamp(1rem,2vw,1.42rem);font-family:Space Grotesk,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.hero-intro{margin:1.08rem 0 .58rem;font-size:clamp(1rem,1.55vw,1.12rem);line-height:1.66;color:#fff7f0ed;max-width:60ch}.hero-blurb{margin:0;font-size:.94rem;line-height:1.62;color:#dcf0ffbd;max-width:62ch}.hero-actions{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;margin-top:1.18rem}.hero-social-icons{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.82rem}.hero-social-icon{width:2.25rem;height:2.25rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#e9f8ff;border:1px solid rgba(148,232,255,.3);background:linear-gradient(140deg,#94e8ff24,#7c3aed1a);text-decoration:none;transition:transform .16s ease,border-color .18s ease,background .18s ease}.hero-social-icon svg{width:1rem;height:1rem}.hero-social-icon:hover{transform:translateY(-1px);border-color:#7ef0c599;background:#7ef0c533}.primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.7rem;padding:.64rem 1.02rem;border-radius:999px;text-decoration:none;font-weight:600;letter-spacing:.01em;transition:transform .16s ease,box-shadow .18s ease,border-color .18s ease}.primary-link{background:linear-gradient(135deg,#ff8c61,#ff5e89 52%,#ff4d8d);color:#fff7f0;box-shadow:0 10px 26px #ff5d8d4d}.action-projects{background:linear-gradient(135deg,#9be9ff,#7cefc8 58%,#68d0ff);color:#102638;box-shadow:0 10px 24px #68d0ff4d}.action-projects:hover{box-shadow:0 14px 30px #68d0ff6b}.action-contact{border-color:#94e8ff80;background:linear-gradient(135deg,#94e8ff33,#3b82f629);color:#e9f8ff}.action-cv{border-color:#c4b5fd80;background:linear-gradient(135deg,#c4b5fd30,#8b5cf626);color:#f0e9ff}.secondary-link{border:1px solid rgba(255,255,255,.16);color:#f7f1e8;background:#ffffff0e}.primary-link:hover,.secondary-link:hover{transform:translateY(-1px)}.primary-link:hover{box-shadow:0 14px 32px #ff5d8d6b}.secondary-link:hover{border-color:#ffffff47;box-shadow:0 8px 20px #06081a47}.inset-panel{background:linear-gradient(155deg,#ffffff1a,#ffffff08)}.hero-side{display:grid;align-content:start}.hero-image-card{min-height:15rem;display:grid;align-items:center;padding:.82rem}.hero-profile-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:18px;border:1px solid rgba(185,240,255,.28);box-shadow:0 18px 40px #00000057;display:block;opacity:1;transform:scale(1);transition:opacity .24s ease,transform .24s ease}.hero-profile-image.is-visible{opacity:1;transform:scale(1)}.hero-profile-image.is-hidden{opacity:0;transform:scale(.98);pointer-events:none}.stack-list{display:grid;gap:.8rem}.about-text{display:grid;gap:.7rem}.about-paragraph{color:#f7f1e8e6;font-size:.95rem;line-height:1.6;margin:0}.about-cv-link{display:inline-flex;align-items:center;justify-content:center;margin-top:.45rem;width:fit-content;min-height:2.35rem;border-radius:999px;padding:.48rem .92rem;border:1px solid rgba(196,181,253,.45);background:linear-gradient(135deg,#c4b5fd33,#8b5cf629);color:#f2ebff;text-decoration:none;font-size:.84rem;font-weight:600;gap:.42rem}.about-cv-link svg{width:.9rem;height:.9rem}.skill-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;width:100%}.skill-group{min-width:0;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;padding:.75rem .85rem}.skill-group h3{margin:0 0 .5rem;font-size:.92rem;color:#ffd166}.skill-group ul{margin:0;padding-left:1rem;display:grid;gap:.38rem}.skill-group li{display:flex;align-items:center;gap:.45rem;color:#f7f1e8db;font-size:.86rem;line-height:1.35}.skill-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;color:#94e8ff;flex-shrink:0}.skill-icon svg{width:.96rem;height:.96rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:.55rem}.tag-cloud span{border-radius:999px;padding:.45rem .75rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#fff7ef;font-size:.86rem}.tag-cloud.compact span{font-size:.8rem}.projects-grid,.repos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.project-card,.repo-card,.status-card{border-radius:18px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);padding:1rem}.project-card,.repo-card{display:flex;flex-direction:column;gap:.55rem;transition:border-color .22s ease,box-shadow .22s ease}.project-card:hover,.repo-card:hover{border-color:#ff4d8d70;box-shadow:0 0 36px #ff4d8d1a}.project-card h3,.repo-card h3{color:#fff7f0;font-size:1.02rem;margin:0}.project-card p,.repo-card p{font-size:.92rem}.project-outcome{color:#ffd166;display:flex;align-items:center;gap:.42rem}.project-outcome svg{width:.88rem;height:.88rem}.repo-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.6rem;color:#fff5f0a8;font-size:.8rem}.repo-pill{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;padding:.18rem .5rem}.repo-pill svg{width:.75rem;height:.75rem}.github-link{display:inline-flex;align-items:center;gap:.34rem;margin-top:auto;color:#ffd166;text-decoration:none;font-size:.84rem;font-weight:500}.github-link svg{width:.82rem;height:.82rem}@media(max-width:760px){.skill-groups{grid-template-columns:1fr}}.journey-panel h2{margin-bottom:.9rem}.journey-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.journey-grid:before{content:"";position:absolute;top:.4rem;bottom:.4rem;left:50%;width:1px;background:linear-gradient(180deg,#7ef0c585,#94e8ff2e);transform:translate(-50%);pointer-events:none}.journey-card{position:relative;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,#ffffff14,#ffffff06);padding:.95rem 1rem;display:grid;gap:.45rem}.journey-card:before{content:"";position:absolute;top:1.1rem;width:.62rem;height:.62rem;border-radius:50%;background:#7ef0c5;box-shadow:0 0 0 4px #7ef0c529}.journey-card:nth-child(odd):before{right:-1.24rem}.journey-card:nth-child(2n):before{left:-1.24rem}.journey-header-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.journey-year{margin:0;color:#94e8ff;font-size:.78rem;font-weight:700;letter-spacing:.08em}.journey-index{margin:0;border-radius:999px;border:1px solid rgba(126,240,197,.38);background:#7ef0c524;color:#dffff1;font-size:.72rem;font-weight:600;padding:.16rem .48rem}.journey-step{margin:0;color:#fff7ef;font-weight:600;font-size:1rem;line-height:1.35}.journey-description{margin:0;font-size:.9rem;color:#f7f1e8d1;line-height:1.5}@media(max-width:760px){.journey-grid{grid-template-columns:1fr}.journey-grid:before{left:.2rem;transform:none}.journey-card{margin-left:.95rem}.journey-card:before,.journey-card:nth-child(odd):before,.journey-card:nth-child(2n):before{left:-1.29rem;right:auto}}.contact-strip{display:grid;gap:.45rem;text-align:center}.contact-strip h2{margin-bottom:.25rem}.contact-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.7rem}.contact-card{display:flex;align-items:center;gap:.55rem;padding:.58rem .78rem;min-height:2.8rem;border-radius:14px;border:1px solid rgba(255,255,255,.14);color:#f7f1e8;background:#ffffff0a;text-decoration:none;transition:transform .17s ease,border-color .19s ease,background .19s ease}.contact-card:hover{transform:translateY(-1px)}.contact-icon{width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:700;background:linear-gradient(135deg,#5d8cff,#68d0ff);color:#fff;flex-shrink:0}.contact-icon svg{width:.95rem;height:.95rem;display:block}.contact-card.contact-github{border-color:#ffffff38;background:#ffffff0f}.contact-card.contact-github .contact-icon{background:linear-gradient(135deg,#2e3035,#111216)}.contact-card.contact-linkedin{border-color:#0a66c273;background:#0a66c21f}.contact-card.contact-linkedin .contact-icon{background:linear-gradient(135deg,#0a66c2,#3289de)}.contact-card.contact-facebook{border-color:#1877f26b;background:#1877f21f}.contact-card.contact-facebook .contact-icon{background:linear-gradient(135deg,#1877f2,#5798ff)}.contact-card.contact-instagram{border-color:#f560406b;background:#f560401f}.contact-card.contact-instagram .contact-icon{background:linear-gradient(135deg,#f58529,#dd2a7b 56%,#8134af)}.contact-card.contact-whatsapp{border-color:#25d3666b;background:#25d3661c}.contact-card.contact-whatsapp .contact-icon{background:linear-gradient(135deg,#25d366,#18a755)}.contact-card.contact-x{border-color:#b4c3d759;background:#b4c3d71a}.contact-card.contact-x .contact-icon{background:linear-gradient(135deg,#1b1d22,#0b0d10)}.contact-card.contact-email{border-color:#f472b666;background:#f472b61f}.contact-card.contact-email .contact-icon{background:linear-gradient(135deg,#ec4899,#f97316)}.site-footer{display:flex;align-items:center;justify-content:center;gap:.7rem;padding:.95rem 0 .2rem;border-top:1px solid rgba(255,255,255,.07);color:#fff5f075;font-size:.82rem;text-align:center}.site-footer p{margin:0;color:inherit}.background-orb{position:fixed;width:18rem;height:18rem;border-radius:999px;filter:blur(40px);opacity:.45;pointer-events:none}.orb-one{top:4rem;right:5%;background:#ff5e7d57}.orb-two{bottom:8rem;left:3%;background:#3a86ff47}.orb-three{top:52%;right:0;background:#a855f733}.primary-link:hover,.secondary-link:hover,.contact-card:hover,.github-link:hover{transform:translateY(-2px)}.scroll-top-btn{position:fixed;right:1.25rem;bottom:1.2rem;width:2.55rem;height:2.55rem;border:1px solid rgba(126,240,197,.42);border-radius:999px;background:linear-gradient(145deg,#7c3aed42,#68d0ff47);color:#e8fbff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #030a185c;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .18s ease,transform .18s ease,border-color .18s ease,background .18s ease;z-index:140}.scroll-top-btn.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-btn:hover{border-color:#7ef0c5a8;background:linear-gradient(145deg,#7c3aed57,#68d0ff5c)}.scroll-top-btn svg{width:.95rem;height:.95rem}@media(max-width:1100px){.shell,.navbar{width:min(100%,calc(100% - 1.5rem))}.projects-grid,.repos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.hero,.content-grid,.timeline-grid{grid-template-columns:1fr}.hero-side{justify-items:center}.hero-image-card{min-height:auto;width:min(100%,22rem)}.hero-profile-image{width:min(100%,20rem);justify-self:center}.navbar{grid-template-columns:auto 1fr;gap:.8rem;padding:.62rem .85rem}.navbar-links{position:static;transform:none;justify-self:end;gap:.85rem}.background-orb{width:13rem;height:13rem}}@media(max-width:820px){.navbar-links{display:none}.contact-grid{justify-content:center;gap:.55rem}}@media(max-width:760px){.projects-grid,.repos-grid,.journey-grid,.skill-groups{grid-template-columns:1fr}.panel h2{font-size:clamp(1.22rem,6vw,1.6rem)}.contact-card{min-height:2.6rem}}@media(max-width:640px){.nav-section{scroll-margin-top:4.8rem}.shell{width:min(100% - 1rem,1180px);padding:.8rem 0 2rem}.panel,.hero-copy,.hero-side,.status-card{padding:1rem}.hero-copy h1,.status-card h1{font-size:clamp(2.1rem,15vw,3.5rem);line-height:.92}.hero-intro,.hero-blurb{max-width:100%}.hero-actions{flex-direction:column;margin-top:1rem}.hero-image-card{width:min(100%,16rem)}.hero-profile-image{width:min(100%,14rem)}.primary-link,.secondary-link{width:100%}.navbar{border-radius:0;width:100%;padding-inline:.8rem}.site-footer{justify-content:center;text-align:center}.scroll-top-btn{right:.85rem;bottom:.9rem;width:2.35rem;height:2.35rem}}@media(max-width:480px){.shell{width:calc(100% - .7rem)}.panel{border-radius:18px}.hero-image-card{width:min(100%,13.5rem);padding:.5rem}.hero-profile-image{width:min(100%,12.5rem);border-radius:14px}.contact-card{width:100%;justify-content:center}.contact-icon{width:1.55rem;height:1.55rem}}