*{margin:0;box-sizing:border-box}*,body{padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;background-color:#1e1e2e;color:#cdd6f4;width:-moz-fit-content;width:fit-content;margin:0 auto}@media screen and (max-width:768px){body{width:100%}}a{text-decoration:none;color:#cad3f5}li{list-style:none}.cta-btn{background-color:#a6e3a1;color:#181825;padding:.5rem 1rem;border-radius:5px;font-size:1rem;font-weight:600;transition:all .5s ease-in-out;cursor:pointer;display:inline-block}.cta-btn:hover{background-color:#f5e0dc}hr{border:none;background-color:#9B9C9D;height:1px;width:80%;margin:0 auto}@media screen and (max-width:768px){hr{width:100%}}.footer-container{display:flex;justify-content:space-around;align-items:center;padding:2rem 1rem;background-color:#1D1E20}.footer-container p{font-size:.8rem;color:#9B9C9D}.footer-container .social_icons{display:flex;justify-content:space-between;align-items:center;gap:0 1rem}.footer-container .social_icons a{color:#f5bde6;font-size:1.5rem;transition:all .5s ease-in-out}.footer-container .social_icons a:hover{color:#DADADB}.hero-container{padding:2rem}.hero-container .flex-hero{display:flex;justify-content:space-between;align-items:center;gap:0 2rem}.hero-container .flex-hero .hero-text{width:50%}.hero-container .flex-hero .hero-text p{font-size:1rem;font-weight:400;margin-bottom:1rem}.hero-container .flex-hero .hero-img{width:50%;display:flex;justify-content:center;align-items:center}.hero-container .flex-hero .hero-img .profile-img{overflow:hidden;max-width:75%;max-height:50%;object-fit:cover;border:2px solid #dadadb;filter:grayscale(0);transition:all .5s ease-in-out;cursor:cell}.hero-container .flex-hero .hero-img .profile-img:hover{filter:grayscale(0);transform:scale(1.02)}@media screen and (max-width:768px){.hero-container .flex-hero{flex-direction:column}.hero-container .flex-hero .hero-img,.hero-container .flex-hero .hero-text{width:100%}}.hero-container .hero-text{text-align:center;margin:1rem 0;width:80%}@media screen and (max-width:768px){.hero-container .hero-text{width:100%}}.hero-container .social-icons{display:flex;justify-content:center;align-items:center;gap:0 1rem}.hero-container .social-icons a{color:#f5bde6;font-size:1.5rem;transition:all .5s ease-in-out}.hero-container .social-icons a:hover{color:#DADADB}.about-container{padding:2rem}.about-container h2{font-size:2rem;font-weight:600;margin-bottom:1rem}.about-container .flex-about{display:flex;justify-content:space-between;align-items:center;gap:0 2rem}.about-container .flex-about .about-text{width:50%}.about-container .flex-about .about-text p{font-size:1rem;font-weight:400;margin-bottom:1rem}.about-container .flex-about .about-img{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.about-container .flex-about .about-img .profile-img{overflow:hidden;max-width:75%;max-height:50%;margin-bottom:1rem;object-fit:cover;border:2px solid #dadadb;filter:grayscale(0);transition:all .5s ease-in-out;cursor:cell}.about-container .flex-about .about-img .profile-img:hover{filter:grayscale(0);transform:scale(1.02)}@media screen and (max-width:768px){.about-container .flex-about{flex-direction:column}.about-container .flex-about .about-img,.about-container .flex-about .about-text{width:100%}}.skills-container{padding:2rem}.skills-container h2{font-size:2rem;font-weight:600;margin-bottom:1rem}.skills-container .grid-skills{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;gap:2rem}@media screen and (max-width:768px){.skills-container .grid-skills{grid-template-columns:repeat(2,1fr)}}.skills-container .grid-skills .skill-card{background-color:#DADADB;color:#1D1E20;display:flex;justify-content:center;align-items:center;gap:0 1rem;padding:1rem;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);transition:all .5s ease-in-out;cursor:context-menu}.skills-container .grid-skills i{font-size:1.5rem}.skills-container .grid-skills .java:hover{background-color:#fab387}.skills-container .grid-skills .C:hover{background-color:#f38ba8}.skills-container .grid-skills .js:hover{background-color:#94e2d5}.skills-container .grid-skills .react:hover{background-color:#74c7ec}.skills-container .grid-skills .node:hover{background-color:#a6e3a1}.skills-container .grid-skills .python:hover{background-color:#89b4fa}.skills-container .grid-skills .azure:hover{background-color:#cba6f7}.skills-container .grid-skills .linux:hover{background-color:#f9e2af}.projects-container{padding:2rem;display:flex;flex-direction:column;align-items:center;width:100%}.projects-container h2{font-size:2rem;font-weight:600;margin-bottom:1rem}.projects-grid{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:1000px}.project-card{border:1px solid #e6e6e6;padding:15px;border-radius:5px;width:100%}.project-card .project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.project-card .folder-icon{font-size:35px;color:#cba6f7}.project-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.project-text{flex:2 1}.project-image{flex:1 1;max-width:400px;min-width:250px}.project-img{width:100%;height:230px;object-fit:cover;border-radius:5px;border:1px solid #e6e6e6;transition:transform .3s ease}.project-img:hover{transform:scale(1.02)}@media screen and (max-width:768px){.project-content{flex-direction:column;gap:1rem;align-items:center}.project-image{max-width:100%;min-width:unset}.project-img{height:200px}}.project-card .icon{font-size:35px;color:#cba6f7}.project-header .small-icons{display:flex;gap:0 5px}.project-card .small-icons a{margin-right:5px;cursor:pointer;transition:all .5s ease}.project-card .small-icons a:hover{color:#FFCC17}.project-card .project h3{font-size:20px;margin-bottom:10px}.project-card .project p{font-size:16px;margin-bottom:10px;color:#b3b3b3}.contact-container{padding:2rem 0 4rem;display:flex;justify-content:center;align-items:center;flex-direction:column;width:80%;margin:0 auto}@media screen and (max-width:768px){.contact-container{width:100%}}.contact-container h2{font-size:2rem;font-weight:600;margin-bottom:1rem}.contact-container p{font-size:1rem;font-weight:400;margin-bottom:1rem;text-align:center}.gallery-container{padding:2rem}.gallery-container h2{font-size:2rem;font-weight:600}.gallery-container h2,.subheader{margin-bottom:2rem;text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}.photo-card{cursor:pointer;border-radius:10px;overflow:hidden;transition:transform .3s ease}.photo-wrapper{position:relative;width:100%;height:400px;overflow:hidden}.gallery-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.photo-card:hover .gallery-img{transform:scale(1.05)}.photo-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(30,30,46,.9));padding:2rem 1rem 1rem;transform:translateY(100%);transition:transform .3s ease}.photo-card:hover .photo-overlay{transform:translateY(0)}.photo-info h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#cdd6f4}.photo-date{font-size:.9rem;color:#a6e3a1;margin-bottom:.3rem}.photo-location{font-size:.9rem;color:#cba6f7;margin-bottom:.5rem}.photo-description{font-size:.85rem;color:#bac2de;line-height:1.4}.mobile-carousel{max-width:100%}.carousel-wrapper{position:relative;display:flex;align-items:center;margin-bottom:1rem}.carousel-content{flex:1 1;display:flex;justify-content:center;margin:0 1rem}.carousel-img{width:100%;max-width:400px;height:300px;object-fit:cover;border-radius:10px;cursor:pointer;transition:transform .2s ease}.carousel-img:active{transform:scale(.98)}.carousel-btn{background-color:rgba(24,24,37,.8);color:#cdd6f4;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1rem}.carousel-btn:hover{background-color:#cba6f7;color:#1e1e2e}.mobile-photo-info{background-color:rgba(24,24,37,.8);padding:1rem;border-radius:10px;margin-bottom:1rem}.mobile-photo-info h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#cdd6f4}.carousel-indicators{display:flex;justify-content:center;gap:.5rem}.indicator{width:8px;height:8px;border-radius:50%;border:none;background-color:rgba(186,194,222,.3);cursor:pointer;transition:all .3s ease}.indicator.active{background-color:#cba6f7;transform:scale(1.2)}.fullscreen-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background-color:#1e1e2e;border-radius:15px;max-width:90vw;max-height:90vh;position:relative;overflow:hidden;border:1px solid #313244}.close-btn{position:absolute;top:1rem;right:1rem;background-color:rgba(24,24,37,.8);color:#cdd6f4;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .3s ease;z-index:10}.close-btn:hover{background-color:#f38ba8;color:#1e1e2e}.modal-layout{display:flex;height:80vh;min-height:500px}.modal-image-container{flex:2 1;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:#11111b}.modal-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px}.modal-info{flex:1 1;min-width:300px;padding:2rem;background-color:#181825;display:flex;flex-direction:column;justify-content:center}.modal-info h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#cdd6f4}.modal-date{font-size:1rem;color:#a6e3a1;margin-bottom:.5rem}.modal-location{font-size:1rem;color:#cba6f7;margin-bottom:1rem}.modal-description{font-size:1rem;color:#bac2de;line-height:1.6}@media screen and (max-width:768px){.gallery-grid{grid-template-columns:1fr}.fullscreen-modal{padding:1rem}.modal-layout{flex-direction:column;height:auto;max-height:85vh;overflow-y:auto}.modal-image-container{flex:none;height:50vh;padding:1rem}.modal-info{flex:none;min-width:auto;padding:1rem}.carousel-wrapper{margin-bottom:.5rem}.carousel-content{margin:0 .5rem}}.carousel-btn:focus,.close-btn:focus,.indicator:focus{outline:2px solid #cba6f7;outline-offset:2px}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#181825;position:relative}.nav-container .logo{font-size:1.5rem;font-weight:700;z-index:1001}.desktop-nav .nav-menu{display:flex;flex-direction:row;gap:2rem;align-items:right}.nav-item{list-style:none}.nav-link{background:none;border:none;color:#cdd6f4;font-size:1rem;font-weight:500;cursor:pointer;padding:.5rem 0;transition:all .3s ease;position:relative}.nav-link:hover{color:#a6e3a1}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#a6e3a1;transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:1rem;z-index:1001}.resume-btn{background-color:#a6e3a1;color:#181825;padding:.5rem 1rem;border-radius:5px;font-size:1rem;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-block}.resume-btn:hover{background-color:#f5e0dc;transform:translateY(-1px)}.menu-toggle{background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001;position:relative}.hamburger{display:flex;flex-direction:column;width:24px;height:18px;position:relative}.hamburger span{display:block;height:2px;width:100%;background-color:#cdd6f4;margin:2px 0;transition:all .3s ease;transform-origin:center}.hamburger.open span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-nav{position:absolute;top:100%;left:0;right:0;background-color:#181825;border-top:1px solid #313244;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.3)}.mobile-nav.open{transform:translateY(0);opacity:1;visibility:visible}.mobile-nav-menu{display:flex;flex-direction:column;padding:1rem 0}.mobile-nav-item{list-style:none}.mobile-nav-link{background:none;color:#cdd6f4;font-size:1.1rem;font-weight:500;cursor:pointer;padding:1rem 2rem;width:100%;text-align:left;transition:all .3s ease;border:none;border-left:3px solid transparent}.mobile-nav-link:hover{background-color:#1e1e2e;color:#a6e3a1;border-left-color:#a6e3a1}.mobile-nav-link:active{background-color:#313244}.nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(30,30,46,.8);z-index:999;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}@media screen and (max-width:768px){.desktop-nav{display:none}.nav-container{position:-webkit-sticky;position:sticky;top:0;z-index:1000}}@media screen and (min-width:769px){.menu-toggle,.mobile-nav,.nav-overlay{display:none}}.menu-toggle:focus,.mobile-nav-link:focus,.nav-link:focus,html{scroll-behavior:smooth}