:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#f1916d;background-color:#19305c}body{margin:0;padding:20px}h1{text-align:left;font-size:50px}a{text-decoration:none;color:inherit}.section-header{display:flex;min-height:20px;flex-direction:column;text-align:left;width:100%;padding-left:10px;font-size:clamp(3rem,6vw,4.5rem);font-weight:700;color:#f1916d;opacity:1}.section-header-special{font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:600;color:#f3dadf;opacity:1}.h1-special-header{font-size:clamp(3.5rem,7vw,6rem);color:#f3dadf;font-weight:700}.scroll-reveal{transition:opacity .8s ease-out,transform .8s ease-out}.section-header{font-size:clamp(3rem,6vw,4.5rem);font-weight:700;color:#f1916d}.section-header-special{font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:600;color:#f3dadf}.section-header[ref=contactRef],.section-header:nth-of-type(3){margin-top:8rem}.section-header[ref=projectsRef],.section-header:nth-of-type(2){margin-top:5rem}@media (min-width: 1400px){.section-header{font-size:4.5rem}.section-header-special{font-size:2.2rem}.h1-special-header{font-size:6rem}}@media (max-width: 768px){.section-header{font-size:3.5rem}.section-header-special{font-size:1.8rem}}@media (max-width: 480px){.section-header{font-size:3rem}.section-header-special{font-size:1.6rem}.h1-special-header{font-size:3.5rem}}.visible-content{opacity:1;transform:translateY(0);transition:opacity .8s ease-out,transform .8s ease-out}.hidden-content{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}#main-slider-container{width:100%;height:600px;margin-top:5%}#slider{width:100%;height:100%;white-space:nowrap;overflow-x:scroll;scrollbar-width:none;scroll-behavior:smooth}#slider::-webkit-scrollbar{display:none}#main-slider-container{position:relative;display:flex;align-items:center}.slider-card{width:320px;height:600px;border-radius:20px;display:inline-block;margin-left:10px;margin-right:10px;cursor:pointer;opacity:.5}.slider-card-title,.slider-card-description{text-align:left;margin-left:10px;margin-bottom:5px;text-wrap:wrap;color:#f3dadf}.slider-card-title{font-size:20px;font-weight:800}.slider-card-description{opacity:.8}.slider-card-image{width:100%;height:70%;background-color:#f3dadf;border-radius:20px;background-position:50%}.slider-card:hover{transition:all .2s ease;opacity:1.5}.slider-icon.left,.slider-icon.right{position:absolute;top:-70px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;opacity:.8;color:#03122f;border-radius:50%;background-color:#f3dadf;box-shadow:0 4px 12px #413b6180;cursor:pointer;z-index:1000;transition:all .3s ease;font-size:1.5rem}.slider-icon.left{right:80px}.slider-icon.right{right:20px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.slider-icon.left:hover,.slider-icon.right:hover{opacity:1;transform:scale(1.15);box-shadow:0 6px 16px #413b61b3;animation:pulse 2s infinite ease-in-out}.slider-controls{position:absolute;top:-100px;right:20px;color:#f3dadf;font-size:.9rem;opacity:.8}@media (max-width: 1024px){.slider-icon.left,.slider-icon.right{width:40px;height:40px;top:-60px;font-size:1.3rem}.slider-icon.left{right:70px}.slider-controls{top:-85px}}@media (max-width: 768px){.slider-icon.left,.slider-icon.right{width:35px;height:35px;top:-50px;font-size:1.2rem}.slider-icon.left{right:60px}.slider-controls{top:-75px}}@media (max-width: 480px){.slider-icon.left,.slider-icon.right{width:30px;height:30px;top:-45px;font-size:1rem}.slider-icon.left{right:50px}.slider-controls{display:none}}.about-me-container{display:grid;grid-template-columns:1fr 2fr;gap:20px;padding:20px;margin-top:5%;background-color:#03122f;color:#fff}.card{border-radius:12px;overflow:hidden;background-color:#1a1a1a;position:relative}.image-card{display:flex;justify-content:center;align-items:center}.image-overlay-card{background-image:url(/assets/surfing-DKnXA2JN.JPG);background-position:50% 50%;background-size:cover}.image{width:100%;height:auto;display:block;max-height:400px;object-fit:cover}.overlay-text{position:absolute;bottom:10px;left:10px;padding:10px;background:#00000080;border-radius:6px}.overlay-text p{margin:0;font-size:12px;color:#aaa}.overlay-text h3{margin:0;font-size:16px;color:#fff}.text-card{background:#f3dadf;color:#03122f;padding:20px;overflow:auto}.text-card .highlighted-text{font-size:16px;line-height:1.6;padding:20px;text-align:left}.hobbies-section{margin-top:30px;text-align:left;color:#03122f}.hobbies-section h2{font-size:4vh;margin-bottom:1vh;text-align:center}.hobbies-list{margin-left:20px;padding:1vh}.hobbies-list li{font-size:2.3vh;line-height:4vh}.ticket-card{background:#ae7dac;padding:20px;color:#f3dadf;display:flex;height:auto;font-size:calc(.5rem + .9vw);font-weight:700}@media (max-width: 768px){.about-me-container{grid-template-columns:1fr}.ticket-card,.text-card{font-size:4vw}.hobbies-section h2{font-size:5vw}.hobbies-list li{font-size:4.5vw;line-height:6vw}.image-overlay-card{min-height:600px}.ticket-card{font-size:calc(.9rem + .3vw)}}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem 6rem;min-height:90vh;margin-top:-50px;width:100%}.hero-name{font-size:6rem;font-weight:700;margin-bottom:.8rem;background:linear-gradient(90deg,#f1916d,#f3dadf,#f1916d,#f3dadf);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:gradientAnimation 8s ease infinite}.hero-subtitle{font-size:2.6rem;font-weight:400;margin-bottom:3rem;color:#f1916d}.hero-description{max-width:900px;font-size:1.4rem;line-height:1.8;margin-bottom:3.5rem;color:#f3dadf}.hero-buttons{display:flex;gap:2rem;margin-top:1.5rem}.view-projects-btn,.contact-me-btn{padding:1rem 2rem;font-size:1.3rem;font-weight:500;border-radius:40px;cursor:pointer;display:flex;align-items:center;gap:.7rem;transition:all .3s ease}.view-projects-btn{background-color:#f1916d;color:#03122f;border:2px solid #F1916D}.contact-me-btn{background-color:transparent;color:#f1916d;border:2px solid #F1916D}.view-projects-btn:hover,.contact-me-btn:hover{transform:translateY(-4px);box-shadow:0 6px 18px #f1916d4d}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){.hero-section{align-items:flex-start;text-align:left;padding:2rem 1.5rem 4rem;margin-top:-30px}.hero-name{font-size:4rem;margin-bottom:.5rem}.hero-subtitle{font-size:1.8rem;margin-bottom:2rem}.hero-description{font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem;max-width:100%}.hero-buttons{flex-direction:column;gap:1rem;width:100%}.view-projects-btn,.contact-me-btn{width:100%;justify-content:center;padding:.8rem 1.5rem;font-size:1.1rem}}@media (max-width: 480px){.hero-section{padding:1.5rem 1rem 3rem}.hero-name{font-size:3.2rem}.hero-subtitle{font-size:1.5rem}.hero-description{font-size:1rem}}.contact-container{padding:5rem 2rem;background-color:#19305c;color:#f3dadf}.contact-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.contact-number,.contact-section{color:#f1916d;font-size:2rem;font-weight:600}.contact-title{font-size:8rem;font-weight:600;color:#f3dadf;opacity:.8;margin-bottom:3rem}.contact-links-container{display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto}.contact-link-box{display:block;padding:2rem;font-size:2rem;text-align:center;color:#f3dadf;background-color:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1);text-decoration:none;transition:all .3s ease}.contact-link-box:hover{background-color:#ffffff1a;transform:translateY(-3px)}@media (max-width: 768px){.contact-title{font-size:4rem}.contact-link-box{padding:1.5rem;font-size:1.5rem}}.animated-section{opacity:0;transform:translateY(30px);transition:none}.animated-section[data-direction=left]{transform:translate(-80px)}.animated-section[data-direction=right]{transform:translate(80px)}.animated-section[data-direction=up]{transform:translateY(50px)}.animated-section[data-direction=down]{transform:translateY(-50px)}.animated-section.animate-in{animation:fadeIn 1s ease forwards}.animated-section[data-direction=left].animate-in{animation:slideInLeft .9s ease forwards}.animated-section[data-direction=right].animate-in{animation:slideInRight .9s ease forwards}.animated-section[data-direction=up].animate-in{animation:slideInUp .9s ease forwards}.animated-section[data-direction=down].animate-in{animation:slideInDown .9s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.experience-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem;color:#f3dadf;background-color:#19305c;margin-left:-2rem}.experience-list{display:flex;flex-direction:column;gap:5rem;position:relative;padding-left:190px}.experience-list:before{content:"";position:absolute;left:190px;top:0;bottom:0;width:2px;background-color:#f1916d;opacity:.8}.experience-item{display:flex;position:relative}.experience-date{position:absolute;left:0;width:170px;padding-right:2rem;font-size:1.1rem;font-weight:600;color:#f1916d;text-align:right;margin-left:-190px}.experience-content-wrapper{flex:1;position:relative}.experience-dot{position:absolute;left:-7px;top:8px;width:14px;height:14px;border-radius:50%;background-color:#f1916d;z-index:2}.experience-content{padding-left:2rem}.experience-title{font-size:2rem;font-weight:600;color:#f3dadf;margin-bottom:.5rem;text-align:left}.experience-company{font-size:1.3rem;color:#f1916d;margin-bottom:1.5rem;font-weight:500;text-align:left}.experience-company-link{color:#f1916d;text-decoration:none;transition:all .3s ease}.experience-company-link:hover{color:#f3dadf;text-decoration:underline}.experience-description{margin-bottom:1.5rem}.experience-description p{font-size:1.1rem;line-height:1.7;color:#f3dadf;margin-bottom:.5rem;text-align:left}.experience-skills{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-start;margin-top:1.5rem}.experience-skills span{background-color:#f1916d33;color:#f1916d;font-size:.9rem;padding:.3rem .8rem;border-radius:20px;border:1px solid rgba(241,145,109,.4);cursor:pointer;transition:all .3s ease}.experience-skills span:hover{background-color:#f1916d66;box-shadow:0 0 15px #f1916d99;transform:translateY(-2px);border:1px solid rgba(241,145,109,.8)}@media (max-width: 1300px) and (min-width: 993px){.experience-list{padding-left:180px}.experience-list:before{left:180px}.experience-date{width:160px;margin-left:-180px}}@media (max-width: 992px) and (min-width: 769px){.experience-list{padding-left:160px}.experience-list:before{left:160px}.experience-date{width:140px;margin-left:-160px}.experience-title{font-size:1.8rem}}@media (max-width: 768px){.experience-container{margin-left:0}.experience-list{padding-left:0}.experience-list:before{left:20px}.experience-item{flex-direction:column;padding-left:40px}.experience-date{position:relative;width:100%;text-align:left;padding-right:0;margin-left:0;margin-bottom:.5rem}.experience-dot{left:-27px}.experience-content{padding-left:0}.experience-title,.experience-company{text-align:left}.experience-title{font-size:1.5rem}.experience-company{font-size:1.1rem}}@media (max-width: 480px){.experience-list:before{left:15px}.experience-item{padding-left:30px}.experience-dot{left:-22px}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.h1-special{color:#f3dadf;font-size:1.4rem;margin-top:1rem;font-weight:400;line-height:1.6;opacity:.9;text-align:left;padding-left:0}strong{color:#f3dadf;font-weight:600;background:linear-gradient(135deg,#f3dadf,#f1916d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header{margin-top:200px;display:flex;min-height:100px;flex-direction:column;text-align:left;width:100%;padding-left:10px;opacity:.7;font-size:2vw}.section-header-special{font-size:8vw;color:#f3dadf;font-weight:700}.line{padding:0vw 25vw;border:1px solid rgba(255,255,255,.2);border-radius:15px;color:#f3dadf;background-color:transparent;text-align:center}.project-display-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;padding:0;margin-top:3rem}.project-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:1200px;margin-bottom:2rem;padding:0 2rem}.project-text{flex:1;text-align:left;font-size:1.1rem;line-height:1.8;padding:2rem;margin:1.5rem 0;color:#f3dadf;background:#ffffff08;border-radius:16px;border:1px solid rgba(243,218,223,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;position:relative;overflow:hidden}.project-text:first-child{margin-top:0;margin-bottom:1.5rem;border-radius:16px}.project-text:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f3dadf,#f1916d,#f3dadf);transform:scaleX(0);transition:transform .3s ease}.project-text:hover:before{transform:scaleX(1)}.project-text:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f3dadf1a;border-color:#f3dadf33}.project-image{width:100%;max-width:900px;height:auto;border-radius:16px;margin:2rem 0;object-fit:contain;box-shadow:0 8px 32px #0003;transition:all .4s ease;position:relative;overflow:hidden}.project-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f3dadf1a,#f1916d1a);opacity:0;transition:opacity .3s ease;z-index:1}.project-image:hover{transform:scale(1.02) translateY(-4px);box-shadow:0 16px 48px #0000004d}.project-image:hover:before{opacity:1}.project-link{text-decoration:none;color:#fff;background:linear-gradient(135deg,#f1916d,#d7745a);padding:1rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:600;transition:all .3s ease;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 16px #f1916d4d;border:1px solid rgba(255,255,255,.1);margin-bottom:2rem}.project-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.project-link:hover:before{left:100%}.project-link:hover{background:linear-gradient(135deg,#d7745a,#c05a42);transform:translateY(-2px);box-shadow:0 8px 24px #f1916d66}.project-text ul{margin:1.5rem 0;padding-left:1.5rem}.project-text li{margin:.8rem 0;padding:.5rem 0;position:relative}.project-text li:before{content:"▸";color:#f1916d;font-weight:700;position:absolute;left:-1.2rem;top:.5rem}.project-text p{margin:1.2rem 0}@media (max-width: 1200px){.project-image{max-width:800px}.project-text{font-size:1rem;padding:1.5rem}}@media (max-width: 992px){.project-image{max-width:700px}.project-text{font-size:1rem;padding:1.5rem;line-height:1.7}.h1-special{font-size:1.2rem}.project-link{padding:.9rem 2rem;font-size:1rem}}@media (max-width: 768px){.project-image{max-width:90%;margin:1.5rem 0}.project-text{font-size:.95rem;line-height:1.6;padding:1.2rem;margin:1rem 0}.project-text:first-child{margin-top:0;margin-bottom:1rem}.h1-special{font-size:1.1rem}.project-display-container{padding:0;margin-top:2rem}.project-content{padding:0 1rem}}@media (max-width: 480px){.project-image{max-width:95%;margin:1rem 0;border-radius:12px}.project-text{font-size:.9rem;line-height:1.5;padding:1rem;margin:.8rem 0}.project-text:first-child{margin-top:0;margin-bottom:.8rem}.project-link{padding:.8rem 1.8rem;font-size:.95rem}.project-display-container{padding:0}.project-content{padding:0 .8rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.project-text{animation:fadeInUp .6s ease-out}.project-image{animation:slideInRight .6s ease-out}.project-link{animation:fadeInUp .8s ease-out}