@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@600;700;800&display=swap";html,body{max-width:100%;overflow-x:hidden}:root{--hdr-bg: rgba(6,10,20,.65);--hdr-blur: 10px;--hdr-border: rgba(148,163,184,.16);--hdr-fg: #e8eef6;--hdr-fg-dim: #aeb8c6;--accent: #f0c27b}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;-webkit-backdrop-filter:blur(var(--hdr-blur));backdrop-filter:blur(var(--hdr-blur));background:var(--hdr-bg);border-bottom:1px solid var(--hdr-border)}main,.content{padding-top:60px}.container{max-width:1200px;margin-inline:auto;padding-inline:clamp(14px,2.4vw,24px)}.header-row{display:flex;align-items:center;justify-content:space-between;min-height:56px}.logo{font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:800;letter-spacing:.08em;color:var(--hdr-fg);text-decoration:none;font-size:clamp(.95rem,2.2vw,1.05rem)}.nav[data-desktop]{display:flex;gap:clamp(12px,2vw,24px)}.nav-link{color:var(--hdr-fg-dim);text-decoration:none;font-weight:500;transition:color .2s,transform .2s}.nav-link:hover,.nav-link:focus-visible{color:var(--hdr-fg);transform:translateY(-1px)}.nav-link:focus-visible,.hamburger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hamburger{display:none;width:38px;height:38px;border:1px solid var(--hdr-border);border-radius:10px;background:#ffffff08;position:relative;color:var(--hdr-fg);cursor:pointer}.hamburger-line{position:absolute;left:8px;right:8px;height:2px;background:currentColor;border-radius:2px;transition:transform .25s,opacity .2s,top .25s,bottom .25s}.hamburger-line:nth-child(1){top:11px}.hamburger-line:nth-child(2){top:18px}.hamburger-line:nth-child(3){bottom:11px}.hamburger.is-open .hamburger-line:nth-child(1){top:18px;transform:rotate(45deg)}.hamburger.is-open .hamburger-line:nth-child(2){opacity:0}.hamburger.is-open .hamburger-line:nth-child(3){bottom:auto;top:18px;transform:rotate(-45deg)}@media (max-width:768px){.nav[data-desktop]{display:none}.hamburger[data-mobile]{display:inline-flex;align-items:center;justify-content:center}}@media (min-width:769px){.mobile-drawer,.backdrop{display:none!important}}html.drawer-open{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}body.drawer-open{position:fixed;width:100%;overflow:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:auto}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;background:#00000059;opacity:0;pointer-events:none;transition:opacity .25s;z-index:9998}.backdrop.visible{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;right:0;height:100dvh;width:min(86vw,320px);background:#0a0e1af5;border-left:1px solid var(--hdr-border);box-shadow:-20px 0 40px #00000059;transform:translate(100%);transition:transform .28s ease;will-change:transform;z-index:9999;display:block;padding:calc(16px + env(safe-area-inset-top)) 18px 18px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;gap:6px}.mobile-drawer.open{transform:translate(0)}.mobile-link{display:block;color:var(--hdr-fg);text-decoration:none;font-size:1.05rem;padding:12px 10px;border-radius:10px;background:#ffffff08;border:1px solid var(--hdr-border);transition:background .2s,transform .2s,color .2s,border-color .2s}.mobile-link:hover,.mobile-link:focus-visible{background:#ffffff0f;transform:translate(2px);border-color:#ffffff2e}.mobile-link[href*=linkedin]{border-color:#f0c27b3d}.mobile-link[href*=linkedin]:hover{color:#1a1a1a;background:linear-gradient(90deg,#ffd27a,#f0c27b);border-color:transparent}@media (prefers-reduced-motion: reduce){.hamburger-line,.mobile-drawer,.backdrop,.nav-link{transition-duration:.01ms!important;transition:none!important}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:2000;display:grid;place-items:center;padding:4dvh max(5vw,16px)}.modal-content{width:min(1100px,100%);max-height:92dvh;background:#0b1020;border:1px solid rgba(148,163,184,.2);border-radius:16px;position:relative;display:flex;flex-direction:column;overflow:hidden}.modal-close{position:absolute;top:10px;right:10px;inline-size:40px;block-size:40px;border:0;border-radius:10px;background:#94a3b81f;color:#e2e8f0;cursor:pointer}.modal-header{padding:1rem 1.25rem .75rem;border-bottom:1px solid rgba(148,163,184,.12);flex:0 0 auto}.modal-title{margin:0;font-size:1.4rem;line-height:1.2;color:#f8fafc}.modal-meta{margin-top:.35rem;display:flex;flex-wrap:wrap;gap:.5rem .75rem;color:#cbd5e1;font-size:.95rem}.modal-body{padding:1rem 1.25rem 1.25rem;flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.modal-description{margin-bottom:1rem;color:#e2e8f0}.modal-tools h4{margin:0 0 .5rem;color:#f8fafc}.tools-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tool-tag{background:#94a3b826;color:#e2e8f0;border:1px solid rgba(148,163,184,.25);border-radius:999px;padding:.35rem .7rem;font-size:.9rem}.images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.image-container{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(148,163,184,.18);background:#02061759}.image-container img{display:block;width:100%;height:100%;object-fit:cover}@media (max-width: 900px){.images-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.images-grid{grid-template-columns:1fr}}.image-button{border:0;padding:0;cursor:zoom-in;background:transparent}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;background:#000000e6;display:grid;place-items:center;padding:max(16px,3vh)}.lightbox-inner{position:relative;max-width:96vw;max-height:92vh;display:grid;grid-template-columns:auto;align-items:center;justify-items:center}.lightbox-img{max-width:96vw;max-height:86vh;object-fit:contain;box-shadow:0 10px 30px #0000008c;border-radius:8px}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#f8fafc;border-radius:10px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;line-height:1}.lightbox-close{top:10px;right:10px;width:42px;height:42px;font-size:20px}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);width:48px;height:60px;font-size:32px;display:grid;place-items:center;-webkit-user-select:none;user-select:none}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-counter{position:absolute;bottom:10px;background:#00000059;color:#e2e8f0;padding:6px 10px;border-radius:999px;font-size:.9rem;border:1px solid rgba(255,255,255,.2)}@media (max-width: 640px){.lightbox-prev,.lightbox-next{width:56px;height:64px;font-size:36px}.lightbox-close{width:44px;height:44px;font-size:22px}}:root{--site-header-h: 72px;--portfolio-top-gap: clamp(12px, 5vw, 2px);--nav-h: 64px;--portfolio-header-gap: clamp(12px, 2.2vw, 28px);--portfolio-viewport-max: 86vh;--cols-xxl: 8;--cols-xl: 7;--cols-lg: 6;--cols-md: 5;--cols-sm: 3;--cols-xs: 2;--col-gap: clamp(.9rem, 1vw, 1.2rem);--row-gap: 1rem;--grid-padding: clamp(.75rem, 3.2vw, 5rem);--grid-nudge-right: 130px;--overlay-gradient: linear-gradient(180deg, rgba(8,12,24,0) 0%, rgba(8,12,24,.85) 90%);--surface-border: rgba(148,163,184,.18);--text-primary: #f8fafc;--text-muted: #94a3b8;--font-display: "Outfit", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--title-gradient: linear-gradient( 90deg, #e9d5ff 0%, #a5b4fc 45%, #fde68a 100% )}@media (max-width: 1600px){:root{--grid-nudge-right: 80px}}@media (max-width: 1200px){:root{--grid-nudge-right: 40px}}@media (max-width: 768px){:root{--grid-nudge-right: 0px}}@media (max-width: 900px){:root{--portfolio-header-gap: clamp(16px, 3vw, 36px)}}@media (max-width: 640px){:root{--portfolio-header-gap: clamp(12px, 2.5vw, 28px)}}*,*:before,*:after{box-sizing:border-box}#portfolio,.portfolio{block-size:auto}.portfolio{display:flex;flex-direction:column;color:var(--text-primary);font-family:var(--font-sans);background:#0000004d;overflow-x:clip;padding-top:calc(var(--site-header-h) + 8px)}.portfolio-wrapper{width:100%;max-width:1200px;margin-inline:auto;margin-bottom:var(--portfolio-header-gap);padding:0 clamp(1.25rem,2vw,2rem)}.portfolio-header{display:flex;flex-direction:column;align-items:center;text-align:center}.portfolio-main-title{margin:0 0 .75rem;font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,5.2vw,3.2rem);line-height:1.1;letter-spacing:.02em;color:var(--text-primary);text-align:center}.portfolio-main-title:after{content:"";display:block;width:clamp(40px,8vw,76px);height:3px;margin:.5rem auto 0;border-radius:2px;background:var(--about-underline)}.masonry-viewport{display:flex;justify-content:center;align-items:flex-start;width:100vw;height:min(calc(100vh - var(--nav-h)),var(--portfolio-viewport-max));overflow:hidden;margin-inline:calc(50% - 50vw);padding-inline:var(--grid-padding)}.masonry-scale{width:calc((100vw - (var(--grid-padding) * 2)) * var(--scale-inverse, 1));transition:transform .25s ease;will-change:transform}.portfolio-columns{column-count:var(--cols-xxl);column-fill:balance;column-gap:var(--col-gap);transform:translate(var(--grid-nudge-right));will-change:transform}@media (max-width: 1680px){.portfolio-columns{column-count:var(--cols-xl)}}@media (max-width: 1480px){.portfolio-columns{column-count:var(--cols-lg)}}@media (max-width: 1240px){.portfolio-columns{column-count:var(--cols-md)}}@media (max-width: 900px){.portfolio-columns{column-count:var(--cols-sm)}}@media (max-width: 640px){.portfolio-columns{column-count:var(--cols-xs)}}.portfolio-item{display:inline-block;width:100%;margin:0 0 var(--row-gap);border:1px solid var(--surface-border);border-radius:18px;overflow:clip;background:#02061766;break-inside:avoid;cursor:pointer;isolation:isolate;transform:translateZ(0)}.portfolio-item .ratio-box{position:relative;width:100%;overflow:hidden}.portfolio-item .ratio-box:before{content:"";display:block;width:100%;padding-top:var(--ratio, 100%)}.portfolio-item.tail-fill .ratio-box:after{content:"";display:block;height:var(--tail-extra, 0px)}.portfolio-item.size-S .ratio-box{--ratio: 72%}.portfolio-item.size-M .ratio-box{--ratio: 100%}.portfolio-item.size-L .ratio-box{--ratio: 135%}.portfolio-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.portfolio-overlay{position:absolute;inset:auto 0 0 0;padding:1rem 1rem 1.1rem;background:var(--overlay-gradient);opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}.portfolio-title{margin:0;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.15}.portfolio-item:is(:hover,:focus-visible) .portfolio-overlay{opacity:1;transform:translateY(0)}.portfolio-item:is(:hover,:focus-visible) .portfolio-image{transform:scale(1.05)}.portfolio-item.featured{background:linear-gradient(160deg,#ffd7502e,#ffc8321a 40%,#02061766);border:1px solid rgba(156,143,97,.548)}.portfolio-item.featured .portfolio-title{color:#eeba1d}.portfolio-item.featured:is(:hover,:focus-visible){background:linear-gradient(160deg,#ffdc5a38,#ffbe3c1f 42%,#02061766);border-color:#f5f4f3}#portfolio{scroll-margin-top:calc(var(--site-header-h) + 24px)}@media (max-width: 1024px){:root{--grid-padding: clamp(12px, 3.5vw, 20px)}.portfolio-wrapper{margin-top:calc(var(--site-header-h) + clamp(8px,1.6vw,16px))}}@media (max-width: 768px){:root{--grid-nudge-right: 0px;--grid-padding: clamp(12px, 4vw, 18px);--col-gap: .75rem;--row-gap: .75rem;--cols-sm: 2}.portfolio-main-title{font-size:clamp(1.6rem,7vw,2rem);margin-bottom:.25rem}.masonry-viewport{height:auto;overflow:visible;padding-inline:var(--grid-padding)}.masonry-scale{width:100%;transform:none!important}.portfolio-columns{column-count:var(--cols-xs);column-gap:var(--col-gap);transform:none}.portfolio-item .ratio-box:before{padding-top:var(--ratio, 110%)}.portfolio-item.size-S .ratio-box{--ratio: 95%}.portfolio-item.size-M .ratio-box{--ratio: 110%}.portfolio-item.size-L .ratio-box{--ratio: 135%}.portfolio-item{border-radius:14px}.portfolio-overlay{padding:.75rem .75rem .85rem}}@media (max-width: 420px){:root{--cols-xs: 1}.portfolio-columns{column-count:1}}@media (hover: none) and (pointer: coarse){.portfolio-item .portfolio-overlay{opacity:1;transform:translateY(0)}.portfolio-item .portfolio-image{transform:none}}@media (max-width: 1366px) and (min-width: 1024px){:root{--portfolio-top-gap: clamp(8px, 1.4vw, 14px);--col-gap: .85rem;--row-gap: .85rem;--cols-lg: 6}.portfolio-main-title{margin-bottom:.25rem;font-size:clamp(2rem,4vw,2.4rem)}.masonry-viewport{height:calc(100vh - var(--nav-h));overflow:hidden;padding-inline:clamp(12px,2.6vw,24px)}.masonry-scale{--scale-inverse: .92;transform:scale(var(--scale-inverse));transform-origin:top center}.portfolio-columns{column-count:var(--cols-lg);transform:none}}@media (max-width: 1280px) and (max-height: 820px){.masonry-scale{--scale-inverse: .9}}@media (max-width: 768px){.portfolio-wrapper{margin-top:calc(var(--site-header-h) + 20px);padding-top:0}}@media (max-width: 1280px) and (min-width: 769px){.portfolio-wrapper{margin-top:calc(var(--site-header-h) + 32px)}}:root{--about-maxw: 1200px;--about-pad-x: clamp(16px, 2vw, 24px);--about-gap: clamp(16px, 2.4vw, 28px);--about-col-gap: clamp(24px, 4vw, 56px);--about-fg: #e7ecf3;--about-fg-dim: rgba(231,236,243,.78);--about-border: rgba(148,163,184,.18);--about-chip-bg: rgba(255,255,255,.04);--about-card-bg: rgba(2, 6, 23, .45);--about-accent: #ffb86b;--about-underline: linear-gradient(90deg, #ffdd99 0%, #a5b4fc 100%)}.about-me{color:var(--about-fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;scroll-margin-top:clamp(68px,9vh,108px)}.about-me .container{max-width:var(--about-maxw);margin-inline:auto;padding-inline:var(--about-pad-x)}.about-content{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--about-col-gap);align-items:start;margin-top:clamp(12px,2vw,20px);margin-bottom:clamp(48px,6vw,84px)}@media (max-width: 980px){.about-content{grid-template-columns:1fr;gap:var(--about-gap)}}.about-details{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"skills tools" "education certifications";gap:var(--about-gap);align-items:start}.skills-section{grid-area:skills}.tools-section{grid-area:tools}.education-section{grid-area:education}.certifications-section{grid-area:certifications}@media (max-width: 980px){.about-details{display:block}.about-details>div+div{margin-top:var(--about-gap)}}.section-title{margin:0 0 .75rem;font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:800;font-size:clamp(1.8rem,3.6vw,2.2rem);letter-spacing:.02em;line-height:1.08;color:var(--about-fg)}.section-title:after{content:"";display:block;width:clamp(40px,8vw,76px);height:3px;margin-top:.5rem;border-radius:2px;background:var(--about-underline)}.about-description p{margin:0 0 .9rem;color:var(--about-fg-dim);line-height:1.65;font-size:clamp(.98rem,1.1vw,1.02rem)}.contact-info{margin-top:clamp(16px,2.4vw,28px)}.contact-info h3{margin:0 0 .6rem;font-weight:700;font-size:1.05rem;letter-spacing:.02em}.contact-links{display:grid;grid-template-columns:1fr;gap:.35rem}.contact-link{display:inline-flex;align-items:center;gap:.55rem;color:var(--about-fg-dim);text-decoration:none;padding:.35rem .2rem;border-radius:8px;transition:color .2s ease,background-color .2s ease}.contact-link:hover,.contact-link:focus-visible{color:var(--about-fg);background:#ffffff0a}.contact-icon{width:18px;height:18px;opacity:.85}.skills-grid{display:flex;flex-wrap:wrap;gap:.5rem .6rem}.skill-tag{display:inline-flex;align-items:center;padding:.38rem .62rem;font-size:.9rem;border-radius:999px;color:var(--about-fg);background:var(--about-chip-bg);border:1px solid var(--about-border);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}@media (max-width: 560px){.tools-grid{grid-template-columns:1fr}}.tool-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .65rem;border-radius:12px;background:var(--about-card-bg);border:1px solid var(--about-border)}.tool-logo{width:22px;height:22px;object-fit:contain}.tool-name{font-size:.93rem;color:var(--about-fg)}.education-list{display:grid;grid-template-columns:1fr;gap:.6rem}.education-item{border:1px solid var(--about-border);background:var(--about-card-bg);border-radius:14px;padding:.7rem .85rem}.education-degree{font-weight:700;margin-bottom:.2rem}.education-field{color:var(--about-fg-dim);margin-bottom:.15rem}.education-institution{color:var(--about-fg-dim);font-size:.92rem}.education-year{margin-top:.3rem;font-size:.88rem;color:#cbd5e1}.certifications-list{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}@media (max-width: 980px){.certifications-list{grid-template-columns:1fr}}.certification-item{padding:.52rem .65rem;border:1px solid var(--about-border);background:var(--about-chip-bg);color:var(--about-fg);border-radius:10px;font-size:.92rem}.footer-bottom{text-align:center;font-size:.9rem;color:var(--text-muted)}.footer-link{color:gold;font-weight:500;text-decoration:none;margin-left:4px;transition:color .3s ease}.footer-link:hover{color:#ffb347}.whatsapp-float{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 25px #25d36666;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;animation:pulse 2s infinite}.whatsapp-float:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 15px 35px #25d36699}.whatsapp-icon{width:32px;height:32px;color:#fff;transition:transform .3s ease}.whatsapp-float:hover .whatsapp-icon{transform:scale(1.1)}.whatsapp-tooltip{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.whatsapp-tooltip:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#000c}.whatsapp-float:hover .whatsapp-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(-10px)}@keyframes pulse{0%{box-shadow:0 8px 25px #25d36666}50%{box-shadow:0 8px 25px #25d36699,0 0 0 10px #25d3661a}to{box-shadow:0 8px 25px #25d36666}}@media (max-width: 768px){.whatsapp-float{bottom:20px;right:20px;width:55px;height:55px}.whatsapp-icon{width:28px;height:28px}.whatsapp-tooltip{display:none}}.App{min-height:100vh;background:linear-gradient(135deg,#312e81,#4c1d95,#581c87)!important;color:#fff;position:relative}.App:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#312e81;z-index:-1}*{margin:0;padding:0;box-sizing:border-box}html,body,#root,.App{background:#1e1b4b!important;background-image:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95)!important;min-height:100vh;background-attachment:fixed!important}html{background:#1e1b4b!important;background-image:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95)!important;min-height:100vh}body{font-family:Arial,sans-serif;line-height:1.6;color:#fff;background:#1e1b4b!important;background-image:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95)!important;min-height:100vh;background-attachment:fixed!important}#root{min-height:100vh;background:#1e1b4b!important;background-image:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95)!important}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#1e1b4b!important;z-index:-2}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95)!important;z-index:-1}