:root{--hue: 217;--sat: 85%;--light: 74%;--primary-color: hsl(var(--hue) var(--sat) var(--light));--white-color: hsl(var(--hue) 45% 98%);--dark-color: hsl(var(--hue) 26% 12%);--color-01: hsl(var(--hue) var(--sat) var(--light));--color-02: hsl(var(--hue) 45% 98%);--color-03: hsl(var(--hue) 26% 12%);--color-04: hsl(var(--hue) 0% 62%);--color-05: hsl(var(--hue) 26% 12%);--body-color: hsl(250 26% 12%);--hover-color: hsl(var(--hue) var(--sat) calc(var(--light) - 7%));--bottom-nav-bg: hsl(var(--hue) 32% 25% / .65);--card-bg: linear-gradient( 120deg, hsl(var(--hue) var(--sat) var(--light) / .15), hsl(var(--hue) 54% 74% / .05) );--modal-backdrop-bg: hsl(var(--hue) 54% 74% / .1);--footer-bg: linear-gradient( 360deg, hsl(var(--hue) 54% 74% / .15), hsl(var(--hue) 54% 74% / .05) );--scrollbar-color: hsl(var(--hue) 25% 20%);--scrollbar-thumb: hsl(var(--hue) var(--sat) var(--light));--scrollbar-thumb-hover: hsl(var(--hue) var(--sat) var(--light) -7%);--body-font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--mono-font-family: "JetBrains Mono", monospace;--h1-font-size: clamp(2.2rem, 5vw + 1rem, 3.5rem);--h2-font-size: clamp(1.8rem, 4vw + 1rem, 2.75rem);--h3-font-size: clamp(1.5rem, 3vw + 1rem, 2.25rem);--h4-font-size: clamp(1.2rem, 2vw + 1rem, 1.6rem);--h5-font-size: clamp(1rem, 1vw + 1rem, 1.25rem);--xlarge-font-size: 1.48rem;--large-font-size: 1.23rem;--medium-font-size: 1.18rem;--base-font-size: 1.1rem;--small-font-size: 1.07rem;--tiny-font-size: .98rem;--container-pad: 20px;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semi-bold: 600;--font-bold: 700;--font-extra-bold: 800;--section-padding: 5rem 1.5rem;--transition-speed: .3s;--z-minus: -1;--z-base: 0;--z-low: 10;--z-high: 100;--z-content: 100;--z-tooltip: 1000;--z-fixed: 1100;--z-overlay: 1110;--z-modal: 1990;--z-max: 9999;--bg-color: var(--body-color);--text-color: var(--color-03);--text-muted: hsl(var(--hue) 15% 65%);--primary-hover: var(--hover-color);--secondary-color: hsl(245 54% 74%);--card-border: rgb(255 255 255 / .1);--nav-bg: hsl(var(--hue) 40% 12% / .8);--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .06);--primary-light: rgba(56, 189, 248, .1);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1)}body{color:var(--color-04);background:var(--body-color)}ul,li{list-style:none}a{color:var(--color-04);text-decoration:none;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}.text-primary{color:var(--primary-color)!important}.bg-transparent{background-color:transparent!important}.cert-link{color:var(--primary-color);font-weight:600;font-size:.9rem;text-decoration:none;transition:opacity .3s}.cert-link:hover{opacity:.8}.mb-6{margin-bottom:1.5rem!important}html{scroll-behavior:smooth}*{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb) transparent}*::-webkit-scrollbar{width:18px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:0}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.typing-wrap{display:inline-block;min-width:.1ch}#typing{display:inline}.cursor{display:inline-block;width:1ch;margin-left:2px;color:var(--primary-color);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}body{font-family:var(--body-font-family);letter-spacing:.1px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;transition:background-color var(--transition-speed),color var(--transition-speed)}img{max-width:100%;display:block}.container{max-width:1120px!important;margin:0 auto;padding:0 20px;width:100%}section{position:relative;scroll-margin-top:100px}.section-padding{padding:var(--section-padding)}.hidden-force{display:none!important}.yago-container{max-width:1170px;margin-left:auto;margin-right:auto}.yago-header{z-index:var(--z-fixed);position:fixed;width:100%;top:0;left:0;padding:30px 0;transition:.3s ease}.yago-header.shrink{background:var(--body-color);padding:12px 0}.yago-header .inner{width:100%;display:flex;align-items:center;justify-content:space-between}.yago-logo a{color:var(--color-01);font-size:2.6rem;font-weight:var(--font-semi-bold);letter-spacing:-3px;transition:.3s}.yago-logo a:hover{color:var(--hover-color)}.header-btns{display:flex;justify-content:center;align-items:center;column-gap:25px}.yago-main-btn{width:fit-content;padding:14px 30px;border-radius:35px;cursor:pointer;transition:.3s}.yago-main-btn:hover{color:var(--white-color);background:var(--hover-color);border:2px solid var(--hover-color)}.yago-main-btn a{color:var(--color-01);font-size:var(--small-font-size);font-weight:500;transition:.3s}.yago-main-btn:hover a{color:var(--white-color)}.border-btn{border:2px solid var(--color-01)}.lets-talk-icon{color:var(--color-01);font-size:1.8rem;cursor:pointer;transition:.3s;display:none}.lets-talk-icon:hover{color:var(--hover-color)}.section-title{margin-top:clamp(3rem,10vw,5rem);font-size:var(--h2-font-size);font-weight:700;text-align:center;margin-bottom:clamp(2rem,5vw,3.5rem);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent}.section-subtitle{color:var(--text-muted);text-align:center;margin-top:.5rem;margin-bottom:1rem;font-size:var(--small-font-size)}.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 32px;border-radius:999px;font-weight:600;font-size:var(--small-font-size);cursor:pointer;transition:all .3s ease;border:none;text-transform:uppercase;letter-spacing:.5px;gap:.5rem;box-shadow:0 4px 6px -1px #0000001a}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-load-more{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);padding:.8rem 2.2rem;font-size:var(--small-font-size);box-shadow:none;transition:all .3s ease}.btn-load-more:hover{background:var(--primary-light);box-shadow:0 4px 12px #38bdf833;transform:translateY(-2px)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:var(--z-fixed);background-color:var(--nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);padding:1rem 0;transition:all .3s ease}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;letter-spacing:1px}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer}@media(max-width:768px){.bottom-nav .menu li a i{width:40px;height:40px}.nav-links{display:none;position:absolute;top:100%;left:0;width:100%;background-color:var(--bg-color);flex-direction:column;padding:2rem;border-bottom:1px solid var(--card-border)}.nav-links.active{display:flex}.mobile-menu-btn{display:block}}.hero{position:relative;display:flex;align-items:center;min-height:100vh;padding-top:80px;overflow:hidden;background:radial-gradient(circle at 70% 50%,rgba(56,189,248,.08) 0%,transparent 60%)}.hero-content{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center;width:100%}.hero-text{text-align:left;display:flex;flex-direction:column}.hero-text h1{font-size:4.5rem;font-weight:var(--font-extra-bold);line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text .role{font-size:1.5rem;color:var(--text-muted);font-weight:500;margin-bottom:1.5rem;position:relative;border-right:2px solid var(--primary-color);white-space:nowrap;overflow:hidden;width:fit-content}.hero-text .role,#typing{font-family:var(--mono-font-family);font-weight:600;letter-spacing:.3px}.typing-text{animation:blink-caret .75s step-end infinite}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--primary-color)}}.hero-text .description{font-size:var(--medium-font-size);color:var(--text-muted);max-width:500px;margin-bottom:2rem}.hero-actions{display:flex;gap:1.5rem;align-items:center}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative;animation:float 6s ease-in-out infinite}.hero-image{display:block;width:min(350px,80vw);height:auto;object-fit:contain;opacity:.95;filter:drop-shadow(0 10px 24px rgba(56,189,248,.16))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-side-left{position:absolute;left:-5px;color:var(--color-01);display:grid;justify-items:center;row-gap:3px}.hero-side-right{animation:up-down 1.5s linear infinite;animation-delay:1.85s;position:absolute;right:-5px;color:var(--color-01);display:grid;justify-items:center;row-gap:3px}@keyframes up-down{0%{transform:translateY(8px)}50%{transform:translateY(-8px)}to{transform:translateY(8px)}}.hero-side-left.hidden-sidebar,.hero-side-right.hidden-sidebar{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.hero-side-left{left:calc(50% - 640px)}.hero-side-right{right:clamp(10rem,25vw,22rem);cursor:pointer}@media(max-width:1300px){.hero-side-left{left:20px}}@media(max-width:768px){.hero-side-left,.hero-side-right{display:none}}.side-text{writing-mode:vertical-rl;text-orientation:mixed;color:var(--primary-color);font-size:var(--tiny-font-size);letter-spacing:3px;text-transform:uppercase;font-weight:600;opacity:.8;transition:all .3s ease}.side-line{width:2px;height:80px;background-color:var(--primary-color);opacity:.5}.social-icons-col{display:flex;flex-direction:column;gap:1.5rem}.hero-side-left .social-icon{background:transparent!important;color:var(--text-muted);font-size:1.6rem;transition:all .3s ease;box-shadow:none!important}.hero-side-left .social-icon:hover{color:var(--primary-color);transform:rotate(15deg);text-shadow:0 0 15px rgba(56,189,248,.4)}.hero-side-right:hover .side-text{opacity:1;letter-spacing:4px;text-shadow:0 0 8px rgba(56,189,248,.4)}.mouse-icon{width:24px;height:36px;border:2px solid currentColor;border-radius:12px;position:relative;color:var(--text-muted);transition:color .3s ease}.mouse-wheel{width:4px;height:6px;background-color:currentColor;border-radius:2px;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scroll-wheel 1.5s infinite}@keyframes scroll-wheel{0%{top:6px;opacity:1}to{top:18px;opacity:0}}@media(max-width:992px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text{align-items:center;text-align:center}.hero-visual{margin-bottom:2rem}.hero-text h1{font-size:3rem}}.portfolio-container{display:grid;place-items:center;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:2rem}.portfolio-container .card-with-modal{display:block;width:100%}.portfolio-card{position:relative;background:var(--card-bg);width:100%;max-width:420px;border-radius:10px;cursor:pointer;overflow:hidden}.portfolio-card .card-img,.portfolio-card .card-img img{width:100%}.portfolio-card .card-info{position:relative;padding:10px 15px 20px 20px}.portfolio-card .card-info span{color:var(--color-04);font-size:var(--tiny-font-size);font-weight:var(--font-regular);text-transform:uppercase}.portfolio-card .card-info h4{color:var(--color-02);font-size:var(--medium-font-size);font-weight:var(--font-medium);margin-top:5px}.portfolio-card .card-info i{position:absolute;right:0;bottom:0;color:var(--primary-color);font-size:1.7rem;margin:15px;transform:scale(0);transition:.3s}.portfolio-card:hover .card-info i{transform:scale(1)}.portfolio-modal-backdrop{z-index:var(--z-overlay);position:fixed;background:var(--modal-backdrop-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;overflow-y:auto;display:none;opacity:0;transition:opacity .3s ease}.portfolio-modal-backdrop.active{opacity:1;transition:opacity .5s ease}.portfolio-modal-backdrop::-webkit-scrollbar{background:hsl(var(--hue) 25% 20%);width:8px;border-radius:5px}.portfolio-modal-backdrop::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}.portfolio-modal-backdrop::-webkit-scrollbar-thumb:hover{background:var(--hover-color)}.modal-actions.minimal{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.modal-link{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:.95rem;font-weight:600;color:var(--color-02);background:transparent;border:1px solid var(--card-border);transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.modal-link i{font-size:1.1rem;color:var(--primary-color)}.modal-link:hover{transform:translateY(-1px);border-color:var(--primary-color);background:var(--primary-light);color:var(--color-02)}.portfolio-modal{position:relative;background:var(--color-03);max-width:900px;height:fit-content;margin:75px 25px;padding:50px 45px;border-radius:15px;transform:scale(0);opacity:0}.portfolio-modal.active{transform:scale(1);opacity:1;transition:transform .5s,opacity .5s}.portfolio-modal .modal-content{display:flex;justify-content:center;flex-direction:column;row-gap:25px}.portfolio-modal .modal-img{width:100%}.portfolio-modal .modal-img img{width:100%;border-radius:10px}.portfolio-modal .modal-content .modal-title{color:var(--color-02);font-size:var(--h4-font-size);font-weight:var(--font-semi-bold)}.portfolio-modal .modal-content .description{color:var(--color-04);font-size:var(--base-font-size);font-weight:var(--font-regular)}.stack-container{display:grid;justify-content:center;place-items:center;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:1.5rem}.stack-card{position:relative;background:var(--card-bg);width:100%;max-width:400px;min-height:260px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2rem;border-bottom:5px solid var(--primary-color);border-radius:10px;cursor:pointer;overflow:hidden}.stack-info{display:flex;flex-direction:column;align-items:center;text-align:center}.stack-icon{font-size:3.5rem;color:var(--primary-color)}.stack-info h4{margin-top:16px;margin-bottom:10px;font-size:1.15rem;font-weight:var(--font-semi-bold);line-height:1.25;color:var(--color-02);white-space:normal;max-width:200px}.stack-info .stack-see-more{font-size:var(--base-font-size);color:var(--color-01);cursor:pointer;transition:.3s}.stack-info .stack-see-more:hover{color:var(--hover-color)}.stack-see-more i{padding:5px;font-size:1.15rem;transition:margin-left .3s}.stack-see-more:hover i{margin-left:3px}.stack-modal-backdrop{z-index:var(--z-overlay);position:fixed;-webkit-backdrop-filter:var(--modal-backdrop-bg);backdrop-filter:var(--modal-backdrop-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow-y:auto;display:none;opacity:0;transition:opacity .3s ease}.stack-modal-backdrop.active{opacity:1;transition:opacity .5s ease}.stack-modal{max-height:min(80vh,720px);display:flex;flex-direction:column;position:relative;background:var(--color-03);width:825px;height:fit-content;margin:75px 25px;padding:50px 25px 50px 45px;border-radius:15px;border-bottom:5px solid var(--primary-color);overflow:hidden;transform:scale(0);opacity:0;transition:transform .5s,opacity .3s}.stack-modal .modal-close-btn{position:absolute;top:12px;right:12px;width:40px;height:40px;display:grid;place-items:center;border-radius:999px;cursor:pointer}.stack-modal.active{transform:scale(1);opacity:1;transition:transform .5s,opacity .5s}.modal-close-btn{position:absolute;color:var(--color-01);font-size:1.35rem;top:0;right:0;margin:15px;cursor:pointer;transition:.3s}.modal-close-btn:hover{color:var(--hover-color);transform:rotate(-15deg)}.stack-modal .modal-content{padding:16px 10px 18px;display:flex;flex-direction:column;row-gap:25px;max-height:100%;margin-top:0;overflow-y:auto}.modal-content::-webkit-scrollbar{background:hsl(var(--hue) 25% 20%);width:5px;border-radius:5px}.modal-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--hover-color)}.stack-modal .modal-title{max-height:min(80vh,720px);display:flex;flex-direction:column;max-width:600px;text-align:center;margin-left:auto;margin-right:auto}.stack-modal .modal-title h3{color:var(--color-01);font-size:var(--h3-font-size);font-weight:700}.stack-modal .modal-title p{color:var(--color-04);font-size:var(--small-font-size);font-weight:var(--font-regular);margin-top:14px;margin-bottom:10px}.stack-modal .modal-content h4{color:var(--color-02);font-size:var(--h4-font-size);font-weight:var(--font-semi-bold);margin-bottom:10px}.modal-content .my-stacks li{display:flex;align-items:center;gap:10px;margin-bottom:20px}.modal-content .my-stacks li i{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;font-size:1.35rem;color:var(--primary-color)}.modal-content .my-stacks li p{margin:0;line-height:1.4;color:var(--color-02);font-size:var(--base-font-size)}.skills-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;width:100%}.tech-skill-card{background:var(--glass-bg);border:1px solid var(--card-border);border-radius:1.5rem;padding:2.5rem;display:flex;flex-direction:column;gap:2rem;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.tech-skill-card:hover{transform:translateY(-5px);border-color:var(--primary-color)}.skill-card-header{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--card-border)}.skill-card-header i{font-size:1.75rem;color:var(--primary-color)}.skill-card-header h3{font-size:1.5rem;font-weight:700;margin:0}.skill-list-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem}.skill-check-item{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:var(--text-color)}.skill-check-item i{color:var(--primary-color);font-size:.9rem}.skill-check-item span{font-weight:500}@media(max-width:768px){.skills-container{grid-template-columns:1fr;gap:2rem}.tech-skill-card{padding:1.5rem}}.certs-grid{display:grid;gap:1.5rem}.certs-grid--badges{grid-template-columns:repeat(3,minmax(0,1fr))}.certs-grid--uniform{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.cert-card{background:var(--glass-bg);border:1px solid var(--card-border);padding:1.5rem;border-radius:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:all .3s ease;height:100%;min-height:280px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.cert-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:var(--shadow-hover)}.cert-card--badge{align-items:center;text-align:center;padding:1.5rem 1rem;height:100%;min-height:280px;border-bottom:3px solid var(--primary-color)}.cert-highlight{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;margin:0 auto .6rem;padding:.3rem .6rem;border:1px solid rgba(56,189,248,.3);border-radius:999px;background:#38bdf817;color:var(--primary-color);font-size:.68rem;font-weight:700;line-height:1.2}.cert-highlight i{font-size:.8rem}.cert-card--badge:hover{box-shadow:0 8px 30px #38bdf833,0 0 0 1px #38bdf84d}.cert-card--badge .cert-body{align-items:center;width:100%;flex:1 1 auto;display:flex;flex-direction:column}.cert-card--badge .cert-meta{flex-direction:column;justify-content:center;align-items:center;margin-top:auto;width:100%;gap:.85rem}.badge-img-wrap{width:110px;height:110px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;flex-shrink:0}.badge-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(56,189,248,.15));transition:transform .3s ease,filter .3s ease}.cert-card--badge:hover .badge-img{transform:scale(1.08);filter:drop-shadow(0 6px 20px rgba(56,189,248,.3))}.cert-card--coming-soon{opacity:.55;border-style:dashed;border-color:#ffffff14;position:relative}.cert-card--coming-soon:hover{opacity:.7;transform:translateY(-2px);box-shadow:none}.cert-card--coming-soon .badge-img{filter:grayscale(.85) brightness(.7) drop-shadow(0 4px 12px rgba(56,189,248,.05));opacity:.6}.cert-card--coming-soon:hover .badge-img{filter:grayscale(.6) brightness(.8) drop-shadow(0 4px 12px rgba(56,189,248,.1));transform:scale(1.02)}.cert-card--coming-soon .cert-title,.cert-card--coming-soon .cert-school{opacity:.7}.status-soon{background-color:#fb923c1f;color:#fb923c;letter-spacing:.5px;text-transform:uppercase;font-size:.65rem}.cert-card--grad{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:120px;margin-bottom:1.5rem;padding:1.25rem 1.5rem;border-bottom:3px solid var(--primary-color)}.cert-card--grad .cert-icon{width:56px;height:56px;border-radius:12px;background:#38bdf81a;border:1px solid rgba(255,255,255,.06);margin:0}.cert-card--grad .cert-icon i{font-size:1.6rem;color:var(--primary-color)}.cert-card--grad .cert-body{margin-bottom:0}.cert-card--grad .cert-meta{justify-content:flex-end;margin-top:0}.cert-icon i{font-size:1.5rem;color:var(--primary-color)}.cert-icon img.cert-logo{width:75%;height:75%;object-fit:contain}.cert-card--grad-unified .badge-img-wrap{background:#38bdf81a;border:1px solid rgba(255,255,255,.06);border-radius:50%;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.grad-icon{font-size:2.8rem;color:var(--primary-color);display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform .3s ease}.cert-card--grad-unified:hover .badge-img-wrap{border-color:#38bdf866;box-shadow:0 0 25px #38bdf840}.cert-card--grad-unified:hover .grad-icon{transform:scale(1.08)}.cert-badge-tag{display:inline-block;padding:.25rem .85rem;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--primary-color);background:#38bdf817;border:1px solid rgba(56,189,248,.2)}.cert-title{font-size:1.1rem;font-weight:700;line-height:1.3;color:var(--color-02);margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;word-break:normal;overflow-wrap:anywhere;height:auto;max-height:none}.cert-school{margin-top:.15rem;color:var(--text-muted);font-weight:500;font-size:.9rem}.cert-date{display:block;margin-top:.4rem;color:var(--color-04);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.cert-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:.85rem;gap:.8rem;flex-wrap:wrap}.cert-card--badge .cert-meta{justify-content:center}.cert-status{padding:.25rem .75rem;border-radius:20px;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.status-completed{background-color:#22c55e1a;color:#22c55e}.status-ongoing{background-color:#facc151a;color:#fac915}.cert-body{display:flex;flex-direction:column;gap:.55rem;margin-bottom:auto}@media(max-width:1024px){.certs-grid--badges,.certs-grid--uniform{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.cert-card--grad{grid-template-columns:56px minmax(0,1fr);padding:1.25rem}.cert-card--grad .cert-meta{grid-column:2;justify-content:flex-start}.certs-grid--badges,.certs-grid--uniform{grid-template-columns:1fr}.cert-card--badge{min-height:auto}.badge-img-wrap{width:100px;height:100px}}.contact-container{position:relative;display:flex;justify-content:center;align-items:center;column-gap:60px}.contact-info h3{color:var(--color-02);font-size:var(--base-font-size);font-weight:var(--medium-font-size);text-transform:uppercase;margin-bottom:40px}.contact-details{display:flex;flex-direction:column;row-gap:60px;margin-bottom:50px}.contact-item{display:flex;align-items:center;column-gap:25px}.contact-icon{color:var(--primary-color);font-size:2rem;background:var(--card-bg);width:75px;height:75px;display:flex;justify-content:center;align-items:center;border-radius:10px}.contact-method{display:flex;flex-direction:column;row-gap:7px}.contact-method span{font-size:var(--tiny-font-size);text-transform:uppercase;color:var(--color-04)}.contact-method h4{color:var(--color-02);font-size:var(--base-font-size);font-weight:var(--medium-font-size)}.contact-method a{color:var(--primary-color);transition:.3s}.contact-method a:hover{color:var(--hover-color)}.contact-method a span{font-size:var(--small-font-size);text-transform:none}.contact-method a i{font-size:var(--medium-font-size)}.contact-social-links{width:100%;display:flex;column-gap:25px}.contact-social-links li{font-size:1.75rem;background:var(--card-bg);width:80px;height:80px;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}.contact-social-links li a{color:var(--primary-color);transition:.3s}.contact-social-links li a:hover{color:var(--hover-color);rotate:5deg}.contact-form-body{position:relative;background:var(--card-bg);padding:50px;width:100%;border-radius:35px}.contact-form-body h2{color:var(--color-02);font-size:var(--h2-font-size);font-weight:var(--font-bold);text-transform:uppercase;margin-bottom:30px}.contact-form-body h2 span{color:var(--primary-color)}.contact-form-body p{font-size:var(--tiny-font-size);margin-bottom:45px;color:var(--color-04)}.contact-form-body form{display:flex;flex-direction:column;row-gap:15px}.contact-form-body form .input-group input,.contact-form-body form .input-group textarea{color:var(--color-02);font-size:var(--small-font-size);background:hsl(var(--hue) 54% 74% / .1);width:100%;border:none;outline:none;padding:17px 20px;border-radius:10px}.contact-form-body form .input-group textarea{height:185px;resize:none}.contact-form-body form .send-message{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.contact-form-body .input-group button{font-size:var(--small-font-size);font-weight:var(--font-medium);width:200px;padding:16px 30px;margin-top:10px;transition:.3s}.contact-form-alert{cursor:pointer}.contact-form-alert span{color:var(--color-02);font-size:var(--tiny-font-size);font-weight:var(--font-regular)}.contact-form-alert i{color:var(--primary-color);font-size:1.25rem}.scroll-up-btn{position:fixed;bottom:90px;right:30px;width:48px;height:48px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #38bdf866;z-index:999;opacity:0;pointer-events:none;transform:translateY(10px);transition:all .3s ease}.scroll-up-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-up-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #38bdf880}@media(max-width:768px){.bottom-nav{padding:.5rem .8rem;gap:.3rem}.nav-item{width:40px;height:40px}.nav-item svg{width:20px;height:20px}.scroll-up-btn{bottom:80px;right:20px;width:44px;height:44px}}.timeline{position:relative;margin-top:2.5rem;padding:1.5rem 0 .5rem}.timeline-line{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translate(-50%);background:#94a3b840;border-radius:999px;overflow:hidden}.timeline-line-fill{position:absolute;top:0;left:0;width:100%;height:calc(var(--line-progress) * 100%);background:var(--primary-color);border-radius:999px;box-shadow:0 0 10px var(--primary-color);transition:height .1s linear}.timeline-item{position:relative;display:flex;width:50%;padding:0 3rem;margin:0 0 4rem;align-items:flex-start}.timeline-item.left{justify-content:flex-end;text-align:left;padding-left:0;padding-right:2.75rem}.timeline-item.right{margin-left:50%;justify-content:flex-start;text-align:left;padding-right:0;padding-left:2.75rem}.timeline-dot{position:absolute;top:0;left:50%;transform:translate(-50%);width:16px;height:16px;border-radius:50%;background:var(--glass-bg);border:3px solid var(--primary-color);box-shadow:0 0 0 4px #38bdf833;transition:all .4s ease;z-index:2}.timeline-item.active .timeline-dot{background:var(--primary-color);transform:translate(-50%) scale(1.3);box-shadow:0 0 20px var(--primary-color),0 0 0 4px #38bdf84d;border-color:#fff}.timeline-content-wrapper{display:flex;align-items:center;position:relative;width:100%}.timeline-connector{height:2px;width:0;background:var(--primary-color);transition:width .6s ease;flex-shrink:0}.timeline-item.active .timeline-connector{width:40px}.timeline-node{width:40px;height:40px;border-radius:50%;background:var(--glass-bg);border:2px solid var(--primary-color);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:1.1rem;z-index:2;opacity:0;transform:scale(0);transition:all .6s cubic-bezier(.175,.885,.32,1.275) .2s;flex-shrink:0}.timeline-item.active .timeline-node{opacity:1;transform:scale(1);box-shadow:0 0 15px #38bdf84d}.timeline-card{background:var(--glass-bg);border:1px solid var(--card-border);border-radius:20px;padding:2rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);flex-grow:1;opacity:0;transform:translate(20px);transition:opacity .4s ease,transform .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;position:relative;overflow:hidden}.timeline-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));opacity:.8}.timeline-card:hover{transform:translateY(-5px)!important;border-color:var(--primary-color);box-shadow:0 20px 25px -5px #00000040,0 0 15px #38bdf826;transition:transform .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out}.timeline-title{font-size:1.35rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(to right,#fff,var(--primary-color));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px}.timeline-company{color:var(--primary-color);font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.25rem;display:block}.timeline-list{padding-left:0;list-style:none}.timeline-list li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:var(--text-muted);font-size:.95rem;line-height:1.5}.timeline-list li:before{content:"→";position:absolute;left:0;color:var(--primary-color);font-weight:700}.timeline-item.left .timeline-card{transform:translate(-20px)}.timeline-item.active .timeline-card{opacity:1;transform:translate(0);transition:transform .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out}.timeline-date{position:absolute;top:0;color:var(--text-muted);font-weight:700;font-size:.9rem;white-space:nowrap;opacity:0;transition:opacity .5s ease .2s}.timeline-item.active .timeline-date{opacity:1;color:var(--primary-color)}.timeline-item.left,.timeline-item.left .timeline-content-wrapper{flex-direction:row-reverse}.timeline-item.left .timeline-date{left:calc(100% + 1.5rem);text-align:left}.timeline-item.right .timeline-date{right:calc(100% + 1.5rem);text-align:right}@media(max-width:768px){.timeline-item.left,.timeline-item.left .timeline-content-wrapper{flex-direction:row}.timeline-item.left .timeline-date,.timeline-item.right .timeline-date{position:static;margin-bottom:.5rem;display:block;text-align:left;margin-left:3rem}.timeline-connector{display:none}.timeline-node{margin:0 1rem 0 0!important}.timeline-item{flex-direction:column;align-items:flex-start}}.bottom-nav-container{position:relative}.bottom-nav{z-index:var(--z-max);position:fixed;left:50%;transform:translate(-50%);bottom:-75px;opacity:0;transition:.5s ease,.3s ease;transition-property:bottom,opacity}.bottom-nav.active{bottom:50px;opacity:1;transition:.5s ease,.3s ease;transition-property:bottom,opacity}.bottom-nav-inner{position:relative}.bottom-nav .menu{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 35px;display:flex;justify-content:center;align-items:center;column-gap:25px;border-bottom:1px solid hsl(var(--hue) 45% 98% / .1);border-left:1px solid hsl(var(--hue) 45% 98% / .1);border-radius:50px}.bottom-nav .menu li a{display:flex;justify-content:center;align-items:center;flex-direction:column}.bottom-nav .menu li a i{color:var(--primary-color);font-size:1.4rem;padding:10px;border-radius:50%;transition:.3s}.bottom-nav .menu li a:hover i,.bottom-nav .menu li a.current i{color:#fff;background:var(--primary-color)}.bottom-nav .menu li a span{color:var(--color-02);z-index:-1;position:absolute;background:var(--primary-color);font-size:.75rem;font-weight:100;padding:3px 10px;transform:translatey(-53px);border-radius:5px;pointer-events:none;opacity:0}.bottom-nav .menu li:hover a span{opacity:1}.bottom-nav .menu li a span:before{pointer-events:none;content:"";z-index:-1;position:absolute;background:var(--primary-color);width:10px;height:10px;left:50%;bottom:-8px;transform:rotate(45deg) translate(-50%)}.bottom-nav .menu-hide-btn{z-index:var(--z-fixed);position:absolute;top:-5px;right:0;width:28px;height:28px;color:var(--dark-color);font-size:1.1rem;background:var(--primary-color);padding:2px;border-radius:50%;cursor:pointer;transition:.3s ease;pointer-events:none;opacity:0;display:grid;place-items:center}.menu-hide-btn.active{pointer-events:all;opacity:1}.bottom-nav .menu-hide-btn:hover{color:#fff}.menu-show-btn{z-index:var(--z-max);position:fixed;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:85px;height:50px;border-bottom:1px solid hsl(var(--hue) 45% 98% / .1);border-left:1px solid hsl(var(--hue) 45% 98% / .1);display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:5px;translate:-50% 0;left:50%;bottom:-75px;opacity:0;border-radius:5px;cursor:pointer;transition:.5s ease,.3s ease;transition-property:bottom,opacity;overflow:hidden;animation:wiggle 2s linear infinite;animation-delay:1s}.menu-show-btn.active{bottom:50px;opacity:1;transition:.5s ease,.3s ease;transition-property:bottom,opacity}@keyframes wiggle{0%,5%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}.menu-show-btn .bar-01,.menu-show-btn .bar-02{background:var(--primary-color);width:40px;height:4px;transition:.15s}.menu-show-btn:hover .bar-01,.menu-show-btn:hover .bar-02{background:var(--primary-hover)}.yago-footer{margin-top:50px;background:var(--footer-bg);padding-top:60px;padding-bottom:120px}@media(min-width:992px){.yago-footer{padding-top:100px;padding-bottom:165px}}.yago-footer .yago-container .inner{display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:40px}.footer-menu{display:flex;flex-wrap:wrap;justify-content:center;column-gap:22px;row-gap:22px}.yago-footer .copy-right{color:var(--color-04);font-size:var(--small-font-size);margin-top:10px}.yago-logo a{font-size:1.3rem;font-weight:800;letter-spacing:.5px}.yago-logo a span{color:var(--primary-color)}::-webkit-scrollbar{width:10px;background:var(--scrollbar-color)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:25px}.bottom-nav .menu li a i{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;line-height:1}.bottom-nav .menu li a:hover i,.bottom-nav .menu li a.current i{background:var(--primary-color);color:#fff}.to-top-btn{z-index:var(--z-fixed);position:fixed;background:hsl(var(--hue) 54% 74% / .2);height:100px;width:2px;bottom:25px;right:-30px;cursor:pointer;transition:all .3s ease}.to-top-btn a{color:var(--color-01);transition:.3s}.to-top-btn a:hover{color:var(--hover-color)}.to-top-btn a span{position:absolute;left:0;bottom:155px;transform:rotate(90deg);transform-origin:left;font-size:.85rem;text-transform:uppercase;white-space:nowrap}.to-top-btn.active{right:30px}.to-top-btn .scroll-indicator-bar{position:absolute;background:var(--color-01);width:2px;height:auto;opacity:.5}.yago-footer .footer-menu{gap:18px 26px}.yago-footer .footer-menu a{font-family:"Inter",var(--body-font-family);font-size:var(--tiny-font-size) - .07rem;font-weight:var(--font-medium);text-transform:uppercase;color:var(--color-01);padding:3px 12px;border-radius:999px;transition:color .2s ease,opacity .2s ease}.yago-footer .footer-menu a:hover{color:var(--color-03);background:var(--color-01)}.section-footer{display:flex;justify-content:center;margin-top:2.5rem}.footer-tech-backdrop{z-index:var(--z-overlay);position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none;opacity:0;overflow-y:auto;padding:24px;transition:opacity .3s ease}.footer-tech-backdrop.active{opacity:1;transition:opacity .5s ease}.footer-tech-modal{position:relative;background:var(--color-03);max-width:900px;width:100%;height:fit-content;margin:75px auto;padding:44px 40px;border-radius:15px;border-bottom:5px solid var(--primary-color);transform:scale(0);opacity:0}.footer-tech-modal.active{transform:scale(1);opacity:1;transition:transform .5s,opacity .5s}.footer-tech-close{position:absolute;top:0;right:0;margin:15px;width:40px;height:40px;border-radius:50%;background:transparent;border:1px solid var(--card-border);color:var(--color-01);display:grid;place-items:center;cursor:pointer;transition:.3s}.footer-tech-close i{font-size:1.35rem}.footer-tech-close:hover{color:var(--hover-color);transform:rotate(-15deg);border-color:var(--primary-color);background:#38bdf814}.footer-tech-content{display:flex;flex-direction:column;row-gap:18px}.footer-tech-content h3{color:var(--color-02);font-size:var(--h4-font-size);font-weight:var(--font-semi-bold)}.footer-tech-content p{color:var(--color-04);font-size:var(--base-font-size)}.footer-tech-list{display:flex;flex-direction:column;row-gap:14px;padding:0;margin:0}.footer-tech-list li{display:flex;align-items:center;gap:10px;color:var(--color-02)}.footer-tech-list li i{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;margin-top:0;color:var(--primary-color)}.footer-tech-list li span{line-height:1.4}.footer-tech-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.footer-tech-tags .tag{border:1px solid var(--card-border);color:var(--color-02);padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:700;background:transparent}.footer-tech-line{display:grid;place-items:center;gap:10px}.footer-tech-trigger{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;background:hsl(var(--hue) 40% 12% / .35);border:1px solid var(--card-border);color:var(--color-02);cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .2s ease,border-color .2s ease,background .2s ease}.footer-tech-trigger:hover{transform:translateY(-2px);border-color:var(--primary-color);background:#38bdf81a}.footer-tech-trigger i{color:var(--primary-color);font-size:1.1rem}.footer-tech-trigger span{font-weight:700;font-size:.95rem}.footer-tech-trigger:hover{transform:translateY(-2px);border-color:var(--primary-color);background:#38bdf814}.footer-tech-mini{color:var(--text-muted);font-size:.85rem;text-align:center;max-width:520px;line-height:1.4}.container,.yago-container{width:100%;padding-left:var(--container-pad);padding-right:var(--container-pad)}@media(max-width:1024px){.hero{min-height:auto;padding-top:110px;padding-bottom:40px}.hero-content{grid-template-columns:1fr;gap:2rem}.hero-text{align-items:center;text-align:center}.hero-text h1{font-size:clamp(2.2rem,6vw,3.2rem)}.hero-text .description{max-width:620px}.hero-visual{margin-bottom:2rem}.hero-image{width:min(320px,78vw)}.contact-container{flex-direction:column;row-gap:3rem}.contact-form-body{padding:2.5rem 1.5rem;border-radius:24px}}@media(max-width:768px){.section-padding{padding:3rem 1rem}.yago-header{padding:16px 0}.yago-logo a{font-size:1.9rem;letter-spacing:-2px}.header-btns{column-gap:14px}.lets-talk-btn{display:none}.lets-talk-icon{display:block}.yago-main-btn{padding:10px 18px}.yago-main-btn a{font-size:.95rem}.hero-side-left,.hero-side-right{display:none}.portfolio-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.portfolio-card{max-width:100%}.stack-container{grid-template-columns:repeat(2,1fr);gap:1.25rem}.stack-card{max-width:100%;min-height:240px;padding:1.5rem}.timeline:before{display:none}.timeline-line{left:20px;transform:none}.timeline-item{width:100%;margin-left:0!important;padding:0 0 2.5rem 50px;flex-direction:column!important;align-items:flex-start!important}.timeline-item.left{flex-direction:column!important}.timeline-item.left .timeline-content-wrapper{flex-direction:row}.timeline-dot{left:20px;transform:translate(-50%)}.timeline-connector{display:none!important}.timeline-node{margin:0 0 1rem!important;width:36px;height:36px}.timeline-item.left .timeline-date,.timeline-item.right .timeline-date{position:relative!important;left:0!important;right:0!important;margin-bottom:.5rem;text-align:left!important;display:block;margin-left:0}.timeline-card{padding:1.5rem;width:100%;transform:none!important;opacity:1!important}.timeline-item.active .timeline-card{transform:none!important}.certs-grid--badges,.certs-grid--uniform{grid-template-columns:repeat(2,1fr)}.portfolio-modal,.stack-modal,.footer-tech-modal{width:96vw;padding:1.5rem;margin:3vh auto}.modal-title h3{font-size:1.4rem}.bottom-nav .menu li a i{width:40px;height:40px}.bottom-nav .menu{padding:14px 24px;column-gap:18px}.scroll-up-btn{bottom:80px;right:20px;width:44px;height:44px}.contact-details{row-gap:35px;margin-bottom:35px}.contact-icon{width:60px;height:60px;font-size:1.6rem}.contact-social-links li{width:60px;height:60px;font-size:1.4rem}.contact-social-links{column-gap:16px}.contact-info h3{margin-bottom:25px}.yago-footer{padding-top:50px;padding-bottom:100px}.footer-tech-trigger span{font-size:.85rem}}@media(max-width:600px){.to-top-btn{display:none!important}::-webkit-scrollbar{width:6px}.section-padding{padding:2.5rem .75rem}.hero{padding-top:90px;padding-bottom:30px}.hero-text h1{font-size:2.2rem}.hero-text .role{font-size:1.1rem}.hero-text .description{font-size:1rem;max-width:100%}.hero-visual{display:none}.hero-actions{flex-direction:column;align-items:stretch;gap:12px}.hero-actions .btn,.hero-actions .yago-main-btn{width:100%;justify-content:center}.portfolio-container,.stack-container{grid-template-columns:1fr;gap:1.25rem}.stack-card{padding:1.5rem;min-height:auto}.certs-grid--badges,.certs-grid--uniform{grid-template-columns:1fr}.cert-card--badge{min-height:auto;padding:1.5rem 1rem}.badge-img-wrap{width:100px;height:100px}.contact-form-body{padding:1.75rem 1.25rem;border-radius:20px}.contact-form-body h2{font-size:1.6rem;margin-bottom:.75rem}.contact-form-body p{font-size:.95rem;margin-bottom:1.5rem}.contact-form-body .input-group input,.contact-form-body .input-group textarea{padding:1rem 1.1rem;font-size:1rem}.contact-form-body .input-group button{width:100%}.contact-form-body form .send-message{flex-direction:column;gap:1rem;margin-top:1rem}.contact-details{row-gap:25px;margin-bottom:25px}.contact-icon{width:50px;height:50px;font-size:1.4rem;border-radius:8px}.contact-item{column-gap:16px}.contact-method h4{font-size:.95rem;word-break:break-all}.contact-social-links li{width:52px;height:52px;font-size:1.2rem}.contact-social-links{column-gap:12px}.timeline-item{padding:0 0 2rem 42px}.timeline-card{padding:1.25rem}.timeline-title{font-size:1.15rem}.timeline-list li{font-size:.88rem}.bottom-nav .menu{padding:10px 14px;column-gap:10px}.bottom-nav .menu li a i{width:36px;height:36px;font-size:1.2rem}.bottom-nav.active{bottom:16px}.menu-show-btn{width:72px;height:42px}.menu-show-btn.active{bottom:16px}.to-top-btn.active{right:16px}.yago-footer{padding-top:40px;padding-bottom:80px}.yago-footer .yago-container .inner{row-gap:25px}.footer-menu{column-gap:12px;row-gap:12px}.yago-footer .footer-menu a{font-size:.8rem;padding:3px 8px}.yago-footer .copy-right{font-size:.85rem;text-align:center;padding:0 .5rem}.footer-tech-trigger{padding:7px 10px;gap:8px}.footer-tech-trigger span{font-size:.8rem}.footer-tech-mini{font-size:.78rem}.section-title{margin-top:2rem;margin-bottom:1.5rem}.portfolio-modal,.stack-modal,.footer-tech-modal{padding:1.25rem;width:97vw;margin:2vh auto}.modal-close-btn{margin:10px}.footer-tech-modal{padding:1.25rem}.footer-tech-content h3{font-size:1.2rem}.footer-tech-list li{font-size:.9rem}.footer-tech-tags .tag{font-size:.75rem;padding:4px 10px}}.portfolio-modal,.stack-modal,.footer-tech-modal{width:min(94vw,800px);max-height:90vh;overflow-y:auto}html,body{overflow-x:hidden}img{max-width:100%;height:auto}.portfolio-card,.stack-card{text-align:left;font:inherit;color:inherit;border:0}.portfolio-card:focus-visible,.stack-card:focus-visible,.menu-hide-btn:focus-visible,.menu-show-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}.menu-hide-btn,.menu-show-btn{border:0;cursor:pointer}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.project-skeleton{width:100%;max-width:420px;min-height:300px;border-radius:10px;background:linear-gradient(100deg,var(--glass-bg) 25%,var(--card-bg) 50%,var(--glass-bg) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{to{background-position-x:-200%}}.contact-form-alert.is-visible{display:flex;align-items:center;gap:.5rem}.contact-form-alert.is-error span,.contact-form-alert.is-error i{color:#fb7185}.to-top-btn .scroll-indicator-bar{position:absolute;top:0;left:0}.to-top-btn a span{color:var(--primary-color);font-family:var(--body-font-family);font-size:var(--tiny-font-size);font-weight:600;letter-spacing:3px;bottom:165px}.portfolio-modal-backdrop,.stack-modal-backdrop,.footer-tech-backdrop{background:#070b1280;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.portfolio-modal,.stack-modal,.footer-tech-modal{transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .65s ease}.portfolio-card .card-info i,.stack-see-more i,.cert-card,.tech-skill-card,.timeline-card,.timeline-card:hover{transition-duration:.8s;transition-timing-function:cubic-bezier(.2,.7,.2,1)}.timeline-card .timeline-date{position:static;display:block;width:100%;margin:0 0 .65rem;color:var(--primary-color);opacity:1;text-align:left!important}.timeline-item.left .timeline-node{margin-right:1rem;margin-left:1.5rem}.timeline-item.right .timeline-node{margin-right:1.5rem;margin-left:1rem}.portfolio-modal.active,.stack-modal.active,.footer-tech-modal.active{transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .65s ease}.modal-close-btn,.footer-tech-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:0;background:transparent;color:var(--primary-color);opacity:.85;transition:color .18s ease,opacity .18s ease,transform .18s ease}.modal-close-btn:hover,.footer-tech-close:hover{color:var(--primary-color);background:transparent;border-color:transparent;opacity:1;transform:rotate(-12deg)}@media(min-width:601px)and (max-width:1024px){.hero{min-height:100svh;padding-top:100px;padding-bottom:48px}.hero-content{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1rem,3vw,2rem)}.hero-text{align-items:flex-start;text-align:left;min-width:0}.hero-text h1{font-size:clamp(2.2rem,5vw,3.2rem)}.hero-text .role{max-width:100%;font-size:clamp(.85rem,1.8vw,1.15rem);white-space:normal;overflow:visible}.hero-visual{min-width:0;margin:0}.hero-image{width:min(100%,300px)}}@media(min-width:769px){.hero-side-right{right:clamp(0px,calc((100vw - 1120px)/2 - 40px),160px)}}@media(max-width:768px){.timeline-line{left:50%!important;transform:translate(-50%)}.timeline-item,.timeline-item.left,.timeline-item.right{width:100%!important;margin:0 auto 2.5rem!important;padding:0!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important}.timeline-item.left .timeline-content-wrapper,.timeline-item.right .timeline-content-wrapper{width:100%;flex-direction:column!important;align-items:center!important}.timeline-card{text-align:center}.timeline-item.left .timeline-card .timeline-date,.timeline-item.right .timeline-card .timeline-date{position:static!important;width:min(100%,430px);margin:0 auto .5rem!important;display:block;color:var(--primary-color);text-align:center!important;opacity:1}.timeline-company{text-align:center}.timeline-list{display:flex;flex-direction:column;align-items:center}.timeline-list li{display:flex;width:100%;align-items:center;justify-content:center;gap:.65rem;padding-left:0;text-align:center}.timeline-list li:before{position:static;flex:0 0 6px;margin-top:.1rem;content:"";width:6px;height:6px;border-radius:50%;background:var(--primary-color)}.timeline-node,.timeline-connector{display:none!important}.timeline-item .timeline-card{width:min(100%,430px)!important;margin:1rem auto 0!important;position:relative;z-index:1;background:var(--body-color);opacity:1;transform:none}.timeline-item.left .timeline-card,.timeline-item.right .timeline-card{transform:none!important}}@media(max-width:600px){.container,.yago-container{min-width:0;padding-right:16px;padding-left:16px}.section-padding{padding-right:.75rem;padding-left:.75rem}.hero{min-height:100svh;padding-top:88px;padding-bottom:38px}.hero-content{grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0}.hero-visual{display:flex;order:-1;margin:0}.hero-image{width:clamp(150px,48vw,210px)}.hero-text{min-width:0}.hero-text h1{margin-bottom:.75rem;font-size:clamp(2rem,10vw,2.6rem);line-height:1.05}.hero-text .role{width:fit-content;max-width:100%;margin-bottom:1rem;font-size:clamp(.78rem,3.8vw,1rem);line-height:1.45;white-space:normal;overflow:visible}.hero-text .description{font-size:.98rem;line-height:1.65}.hero-actions{width:100%}.portfolio-container,.stack-container,.certs-grid--badges,.certs-grid--uniform{grid-template-columns:minmax(0,1fr)}.portfolio-container>*,.stack-container>*,.cert-card,.contact-container>*{min-width:0}.contact-container{align-items:stretch;row-gap:2rem}.contact-item{align-items:flex-start}.contact-method{min-width:0}.contact-method h4{overflow-wrap:anywhere;word-break:normal}.contact-form-body form .send-message{align-items:stretch}.contact-form-alert{justify-content:center;overflow-wrap:anywhere;text-align:center}.bottom-nav{width:calc(100vw - 24px)}.bottom-nav .menu{width:100%;justify-content:space-between;gap:0;padding:8px 6px}.bottom-nav .menu li{flex:1 1 0;min-width:0}.bottom-nav .menu li a{gap:2px;min-width:0}.bottom-nav .menu li a i{width:32px;height:32px;font-size:1.1rem}.bottom-nav .menu li a span{z-index:auto;position:static;max-width:100%;padding:0;overflow:hidden;background:transparent;font-size:clamp(.42rem,2vw,.55rem);font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;transform:none;opacity:1}.bottom-nav .menu li a span:before{display:none}.yago-footer .copy-right{max-width:32rem;line-height:1.6}.portfolio-modal,.stack-modal,.footer-tech-modal{max-height:calc(100svh - 24px);overflow-y:auto}}@media(max-width:360px){.container,.yago-container{padding-right:12px;padding-left:12px}.hero-text h1{font-size:2rem}.hero-text .role{font-size:.76rem}.bottom-nav{width:calc(100vw - 16px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}