@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Montserrat:wght@600;700&display=swap";:root{--color-bg-primary:#dbe9ee;--color-bg-secondary:#fff;--color-accent:#2e7d32;--color-accent-text:#1b5e20;--color-text-primary:#1d2a4d;--color-text-secondary:#4a5568;--color-text-tertiary:#4a5568;--font-sans:"Inter", sans-serif;--font-title:"Montserrat", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6}h1,h2,h3,h4{font-family:var(--font-title);color:var(--color-text-primary)}.header{justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px 2rem;display:flex}.header .logo-container{align-items:center;display:flex}.header .logo-container .logo-img{object-fit:cover;border-radius:8px;width:50px;height:50px}.header .nav-row{background-color:var(--color-bg-secondary);border:1.5px solid #00000014;border-radius:100px;align-items:center;gap:0;padding:4px;display:flex;position:relative}.header .nav-row .nav-item{z-index:1;color:var(--color-text-primary);white-space:nowrap;border-radius:100px;padding:8px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.header .nav-row .nav-item:hover{color:var(--color-accent)}.header .nav-row .nav-cursor{background-color:var(--color-bg-primary);pointer-events:none;z-index:0;border-radius:100px;height:calc(100% - 8px);transition:left .25s,width .25s,opacity .15s;position:absolute;top:4px}@media (width<=768px){.header{flex-direction:column;gap:1rem;padding:1rem 1.5rem}.header .nav-row{scrollbar-width:none;justify-content:flex-start;width:100%;overflow-x:auto}.header .nav-row::-webkit-scrollbar{display:none}.header .nav-row .nav-item{white-space:nowrap;padding:6px 12px;font-size:13px}}.footer{background-color:var(--color-bg-secondary);border-top:1px solid #00000014;margin-top:4rem;padding:2.5rem 1rem}.footer__content{text-align:center;flex-direction:column;align-items:center;gap:.75rem;max-width:1200px;margin:0 auto;display:flex}.footer__name{font-family:var(--font-title);color:var(--color-text-primary);font-size:1.1rem;font-weight:700}.footer__sub{color:var(--color-text-secondary);font-size:.9rem}.footer__links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.footer__link{color:var(--color-text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.footer__link:hover{color:var(--color-accent)}.footer__sep{color:var(--color-text-secondary)}.footer__copy{color:var(--color-text-secondary);margin-top:.5rem;font-size:.85rem}.banner{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;width:100%;height:280px;margin-bottom:2.5rem;position:relative;overflow:hidden}.banner__overlay{background:linear-gradient(90deg,#000000bf 0%,#0000004d 100%);align-items:flex-end;padding:2rem;display:flex;position:absolute;inset:0}.banner__content{flex-direction:column;gap:.4rem;display:flex}.banner__subtitle{color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:500}.banner__title{font-family:var(--font-title);color:#fff;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.1}@media (width<=768px){.banner{border-radius:10px;height:200px}.banner__overlay{padding:1.25rem}}.collapse{background-color:var(--color-bg-secondary);border:1px solid #0000000f;border-radius:12px;overflow:hidden}.collapse__header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.1rem 1.5rem;transition:background-color .2s;display:flex}.collapse__header:hover{background-color:#4caf500d}.collapse__title{font-family:var(--font-title);color:var(--color-text-primary);align-items:center;gap:.75rem;font-size:1rem;font-weight:600;display:flex}.collapse__icon{font-size:1.3rem}.collapse__arrow{color:var(--color-accent);flex-shrink:0;font-size:12px;transition:transform .3s}.collapse__body{max-height:0;transition:max-height .35s;overflow:hidden}.collapse__content{flex-wrap:wrap;gap:.5rem;padding:0 1.5rem 1.5rem;display:flex}.collapse--open .collapse__arrow{transform:rotate(180deg)}.collapse--open .collapse__body{max-height:300px}.page{flex-direction:column;gap:1rem;max-width:1200px;margin:0 auto;padding:2rem 1rem;display:flex}.intro{justify-content:space-between;align-items:center;gap:2rem;padding:4rem 0;display:flex}.intro__tag{color:#1b5e20;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;font-size:13px;font-weight:600}.intro__title{font-family:var(--font-title);margin-bottom:.5rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}.intro__title--accent{color:var(--color-accent-text)}.intro__subtitle{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:400}.intro__pitch{color:var(--color-text-secondary);max-width:500px;margin-bottom:2rem;font-size:1rem;line-height:1.7}.intro__cta{flex-wrap:wrap;gap:1rem;display:flex}.intro__avatar{flex-shrink:0}.intro__avatar-img{border:3px solid var(--color-accent);object-fit:cover;object-position:center top;border-radius:50%;width:180px;height:180px}@media (width<=768px){.intro__avatar-img{width:120px;height:120px}.intro{text-align:center;flex-direction:column-reverse;padding:2rem 0}.intro__pitch{margin:0 auto 2rem}.intro__cta{justify-content:center}}.btn{border-radius:8px;padding:.75rem 1.75rem;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn--primary{color:#fff;background-color:#2e7d32}.btn--primary:hover{opacity:.85;transform:translateY(-2px)}.btn--secondary{border:2px solid var(--color-accent);color:#1b5e20;background:0 0}.btn--secondary:hover{background-color:var(--color-accent);color:#fff;transform:translateY(-2px)}.about{padding:4rem 0}.about__title{font-family:var(--font-title);margin-bottom:2.5rem;font-size:clamp(1.5rem,3vw,2.2rem);position:relative}.about__title:after{content:"";background-color:var(--color-accent);border-radius:2px;width:50px;height:3px;margin-top:.5rem;display:block}.about__content{align-items:flex-start;gap:3rem;display:flex}.about__text{color:var(--color-text-secondary);flex-direction:column;flex:2;gap:1rem;font-size:1rem;line-height:1.8;display:flex}.about__text strong{color:var(--color-text-primary);font-weight:500}.about__fun{opacity:1;color:var(--color-text-secondary);font-style:italic}.about__info{background-color:var(--color-bg-secondary);border-radius:12px;flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex}.about__list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.about__list li{color:var(--color-text-secondary);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.about__list li span{font-size:1.1rem}@media (width<=768px){.about__content{flex-direction:column}.about__info{width:100%}}.skills{padding:4rem 0}.skills__title{font-family:var(--font-title);margin-bottom:2.5rem;font-size:clamp(1.5rem,3vw,2.2rem);position:relative}.skills__title:after{content:"";background-color:var(--color-accent);border-radius:2px;width:50px;height:3px;margin-top:.5rem;display:block}.skills__list{flex-direction:column;gap:.75rem;display:flex}.skills__badge{background-color:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid #4caf504d;border-radius:100px;padding:4px 12px;font-size:13px;font-weight:500;transition:all .2s}.skills__badge:hover{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.projects{padding:4rem 0}.projects__title{font-family:var(--font-title);margin-bottom:2.5rem;font-size:clamp(1.5rem,3vw,2.2rem);position:relative}.projects__title:after{content:"";background-color:var(--color-accent);border-radius:2px;width:50px;height:3px;margin-top:.5rem;display:block}.projects__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.projects__card{background-color:var(--color-bg-secondary);border-left:4px solid #0000;border-radius:12px;flex-direction:column;gap:1rem;padding:1.75rem;transition:transform .3s;display:flex}.projects__card:first-child{border-left-color:var(--color-accent)}.projects__card:hover{transform:translateY(-5px)}.projects__card-header{flex-direction:column;gap:.4rem;display:flex}.projects__tag{color:var(--color-accent-text);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:500}.projects__card-title{font-family:var(--font-title);color:var(--color-text-primary);font-size:1.3rem;font-weight:700}.projects__description{color:var(--color-text-secondary);flex:1;font-size:.95rem;line-height:1.7}.projects__stack{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.projects__tech{background-color:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid #4caf504d;border-radius:100px;padding:3px 10px;font-size:12px;font-weight:500}.projects__links{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.project-detail{max-width:1200px;margin:0 auto;padding:2rem 1rem}.project-detail__nav{flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;display:flex}.project-detail__back{color:var(--color-text-secondary);border:1px solid #0000001a;border-radius:100px;align-items:center;gap:.4rem;padding:6px 14px;font-size:14px;text-decoration:none;transition:all .2s;display:inline-flex}.project-detail__back:hover{color:var(--color-accent);border-color:var(--color-accent)}.project-detail__header{margin-bottom:1.5rem}.project-detail__tag{color:var(--color-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:12px;font-weight:500;display:block}.project-detail__title{font-family:var(--font-title);margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem)}.project-detail__stack{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.project-detail__tech{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid #4caf504d;border-radius:100px;padding:4px 12px;font-size:13px;font-weight:500}.project-detail__links{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;display:flex}.project-detail__section{margin-bottom:2.5rem}.project-detail__section h2{font-family:var(--font-title);border-bottom:2px solid var(--color-accent);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem;display:inline-block}.project-detail__section p{color:var(--color-text-secondary);font-size:1rem;line-height:1.8}.project-detail__list{flex-direction:column;gap:.6rem;list-style:none;display:flex}.project-detail__list li{color:var(--color-text-secondary);padding-left:1.25rem;font-size:.95rem;line-height:1.7;position:relative}.project-detail__list li:before{content:"✓";color:var(--color-accent);font-weight:700;position:absolute;left:0}.project-detail__screenshots{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem;display:grid}.project-detail__screenshot{object-fit:cover;cursor:zoom-in;border:1px solid #0000001a;border-radius:8px;width:100%}.project-detail__notfound{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem;display:flex}.lightbox__img{object-fit:contain;cursor:default;border-radius:8px;max-width:90vw;max-height:85vh;box-shadow:0 25px 60px #00000080}.contact{padding:4rem 0}.contact__title{font-family:var(--font-title);margin-bottom:2.5rem;font-size:clamp(1.5rem,3vw,2.2rem);position:relative}.contact__title:after{content:"";background-color:var(--color-accent);border-radius:2px;width:50px;height:3px;margin-top:.5rem;display:block}.contact__content{grid-template-columns:1fr 1.5fr;align-items:flex-start;gap:3rem;display:grid}.contact__intro{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.contact__list{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;list-style:none;display:flex}.contact__list li{color:var(--color-text-secondary);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.contact__list li a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.contact__list li a:hover{color:var(--color-accent)}.contact__socials{flex-wrap:wrap;gap:1rem;display:flex}.contact__form{background-color:var(--color-bg-secondary);border-radius:12px;flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.contact__field{flex-direction:column;gap:.4rem;display:flex}.contact__field label{color:var(--color-text-primary);font-size:14px;font-weight:500}.contact__field input,.contact__field textarea{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);resize:vertical;border:1px solid #00000026;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s}.contact__field input:focus,.contact__field textarea:focus{border-color:var(--color-accent);outline:none}.contact__field input::placeholder,.contact__field textarea::placeholder{color:var(--color-text-secondary);opacity:.6}.contact__success{border:1px solid var(--color-accent);color:var(--color-accent);background-color:#4caf501a;border-radius:8px;padding:.75rem 1rem;font-size:14px;font-weight:500}.contact__error{color:#dc3545;background-color:#dc35451a;border:1px solid #dc3545;border-radius:8px;padding:.75rem 1rem;font-size:14px;font-weight:500}@media (width<=768px){.contact__content{grid-template-columns:1fr}}.cv{padding:2rem 1rem}.cv__nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.cv__back{color:var(--color-text-secondary);border:1px solid #0000001a;border-radius:100px;align-items:center;gap:.4rem;padding:6px 14px;font-size:14px;text-decoration:none;transition:all .2s;display:inline-flex}.cv__back:hover{color:var(--color-accent);border-color:var(--color-accent)}.cv__title{font-family:var(--font-title);margin-bottom:1.5rem;font-size:clamp(1.5rem,3vw,2.2rem);position:relative}.cv__title:after{content:"";background-color:var(--color-accent);border-radius:2px;width:50px;height:3px;margin-top:.5rem;display:block}.cv__viewer{background-color:var(--color-bg-secondary);border:1px solid #00000014;border-radius:12px;width:100%;overflow:hidden}.cv__iframe{border:none;width:100%;height:85vh;display:block}@media (width<=768px){.cv__iframe{height:60vh}}.univers{padding:2rem 1rem}.univers__section{margin-bottom:4rem}.univers__section--coming{background-color:var(--color-bg-secondary);text-align:center;border-radius:16px;padding:3rem 2rem}.univers__title{font-family:var(--font-title);margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2rem);position:relative}.univers__title:after{content:"";background-color:var(--color-accent);border-radius:2px;width:50px;height:3px;margin-top:.5rem;display:block}.univers__intro{color:var(--color-text-secondary);width:100%;max-width:1200px;margin:0 auto 2rem;font-size:1rem;line-height:1.7}.univers__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.univers__card{background-color:var(--color-bg-secondary);cursor:pointer;border-radius:12px;transition:transform .25s;overflow:hidden}.univers__card:hover{transform:translateY(-4px)}.univers__card:hover .univers__overlay{opacity:1}.univers__img-wrapper{aspect-ratio:16/9;background-color:var(--color-bg-primary);position:relative;overflow:hidden}.univers__img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.univers__card:hover .univers__img{transform:scale(1.03)}.univers__overlay{opacity:0;color:#fff;background:#00000073;justify-content:center;align-items:center;font-size:1rem;font-weight:500;transition:opacity .25s;display:flex;position:absolute;inset:0}.univers__card-info{padding:.75rem 1rem}.univers__card-title{color:var(--color-text-primary);margin-bottom:.25rem;font-size:.95rem;font-weight:500}.univers__card-desc{color:var(--color-text-secondary);font-size:.85rem}.univers__coming-soon{color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:1rem;padding:2rem 0;display:flex}.univers__coming-soon p{font-size:1rem}.univers__coming-icon{font-size:3rem}.univers__badge{background-color:var(--color-accent);color:#fff;border-radius:100px;padding:6px 16px;font-size:13px;font-weight:500}.lightbox{z-index:2000;cursor:zoom-out;background-color:#000000eb;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.lightbox__close{color:#fff;cursor:pointer;opacity:.7;z-index:2001;background:0 0;border:none;font-size:1.5rem;transition:opacity .2s;position:fixed;top:1.25rem;right:1.5rem}.lightbox__close:hover{opacity:1}.lightbox__content{cursor:default;flex-direction:column;align-items:center;gap:1rem;display:flex}.lightbox__img{object-fit:contain;border-radius:8px;max-width:90vw;max-height:80vh;box-shadow:0 25px 60px #00000080}.lightbox__title{color:#fff;font-family:var(--font-title);font-size:1.1rem;font-weight:600}.lightbox__desc{color:#ffffffb3;font-size:.9rem}.not-found{justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.not-found__content{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex}.not-found__code{font-family:var(--font-title);color:var(--color-accent);opacity:.3;font-size:clamp(5rem,15vw,9rem);font-weight:700;line-height:1}.not-found__title{font-family:var(--font-title);color:var(--color-text-primary);font-size:clamp(1.5rem,3vw,2rem)}.not-found__text{color:var(--color-text-secondary);max-width:400px;font-size:1rem;line-height:1.7}