.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.5,0,0,1),transform .8s cubic-bezier(.5,0,0,1);will-change:opacity,transform;z-index:0}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}body,html{margin:0;padding:0;overflow-x:hidden;background:linear-gradient(135deg,#0d0d0d,#1a001a);color:#fff;font-family:Poppins,sans-serif;height:100vh;position:relative}body{background-image:radial-gradient(2px 2px at 100px 100px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 200px 300px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 400px 600px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 600px 900px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 800px 1200px,rgba(255,255,255,.3),transparent);background-size:cover}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.6;animation:twinkle 3s infinite alternate ease-in-out}.star:nth-child(1){top:10%;left:20%;animation-duration:2s}.star:nth-child(2){top:30%;left:40%;animation-duration:3s}.star:nth-child(3){top:50%;left:60%;animation-duration:1.5s}.star:nth-child(4){top:70%;left:80%;animation-duration:2.5s}.star:nth-child(5){top:90%;left:10%;animation-duration:3s}.star:nth-child(6){top:20%;left:70%;animation-duration:2.2s}.star:nth-child(7){top:40%;left:10%;animation-duration:1.8s}.star:nth-child(8){top:60%;left:50%;animation-duration:2.7s}@keyframes twinkle{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.floating-shape{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(150px);z-index:-1;opacity:.4;animation:floatAnimation 10s infinite alternate ease-in-out}.shape1{background:radial-gradient(circle,rgba(103,58,183,.6),transparent);top:-100px;left:-100px}.shape2{background:radial-gradient(circle,rgba(139,0,139,.6),transparent);bottom:-200px;right:-150px}.shape3{background:radial-gradient(circle,rgba(72,61,139,.6),transparent);top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes floatAnimation{0%{transform:translateY(0)}to{transform:translateY(30px)}}*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box;transition:background-color .3s ease,padding .3s ease}.container{position:relative;width:100%;padding:12px 30px;display:flex;align-items:center;justify-content:space-between;transition:background-color .3s ease-in-out,padding .3s ease;z-index:1000;background:transparent}.container.scrolled{background-color:#fffcfcd9;padding:10px 30px}.name-container{background-color:transparent;display:inline-block;padding:10px 20px;font-size:2em;line-height:1;cursor:pointer;transition:background-color .3s ease}.name-container .first-letter{color:red;font-size:1em;font-weight:700;transition:color .3s ease}.name-container .rest-of-name{color:#fff;font-size:.6em;vertical-align:middle;transition:color .3s ease}nav{display:flex;justify-content:space-evenly;align-items:center;background-color:transparent;width:100%}nav ul{list-style-type:none;display:flex;align-items:center;padding:0;margin:0}nav ul li{position:relative;padding:0 20px;cursor:pointer}ul a{position:relative;color:#fff;text-decoration:none;font-weight:100;font-size:110%;transition:color .3s ease;padding:5px 0;margin:0 40px}ul a:after{content:"";position:absolute;left:50%;bottom:-2px;width:0%;height:2px;background:#2d7cf3;transition:width .3s ease-out,left .3s ease-out}ul a:hover:after{width:100%;left:0}.menu-toggle{display:none;font-size:2rem;cursor:pointer;color:#fff;position:absolute;right:20px;top:15px;z-index:1001}@media screen and (max-width: 1024px){.container{padding:10px 20px}.name-container{font-size:1.8em}nav ul{justify-content:center}nav ul li{padding:0 15px}}@media screen and (max-width: 768px){.menu-toggle{display:block;margin-top:-9px}.navigation-bar{display:none;flex-direction:column;align-items:center;width:100%;background-color:#2d7cf3;position:absolute;top:60px;left:50%;transform:translate(-50%);padding:10px 0;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:10002}.navigation-bar.responsive{display:flex}.navigation-bar ul{flex-direction:column;align-items:center;width:100%;padding:10px 0}.navigation-bar ul li{padding:8px 0;width:100%;text-align:center}.navigation-bar ul li a{font-size:1rem;display:block;padding:8px 0;color:#fff;font-weight:500;transition:color .3s ease}.navigation-bar ul li a:hover{color:#ffbf00}}@media screen and (max-width: 480px){.container{padding:5px 10px}.name-container{font-size:1.4em}ul a{font-size:100%}nav ul{flex-direction:column;text-align:center}}.banner{width:85vw;height:100vh;position:relative}.greeting-div{display:flex;align-items:center;justify-content:flex-start;position:relative}.banner-bg{position:absolute;top:0;left:0;width:100%;max-height:70vh}.banner-bg img{width:35%;height:40%;margin:120px 15% 15%}.banner-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:20px;color:#000;text-align:justify;margin-left:60%;margin-top:40px}.banner-content h2{color:#fff;font-size:400%;font-weight:700;margin-bottom:20px;margin-top:130px;text-align:left;margin-right:6vw}.info{color:#fff;font-size:300%;font-weight:700}.changeText{font-weight:700;color:#ffbf00;display:inline-block}.cursor{font-weight:700;color:#ffbf00;animation:blink .8s infinite}.floating-text{font-size:2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1);text-shadow:0 2px 4px rgba(0,0,0,.1)}50%{transform:translateY(-10px) scale(1.04);text-shadow:0 6px 8px rgba(0,0,0,.2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.banner-content p{font-size:200%;font-weight:700;color:#fff;margin-top:40px;width:40vw}.resumes{display:flex;flex-direction:row;justify-content:center;align-items:center}.btn{height:50px;padding:10px;border-radius:5px;cursor:pointer;font-weight:500;font-size:1.4rem;border:2px solid #2d7cf3;background-color:#2d7cf3;color:#fff;box-shadow:0 2px 4px #2d7cf31a;transition:all .3s ease;margin-top:60px;width:180px;margin-right:10vh;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn:hover{border:2px solid #2d7cf3;background:#fff;color:#2d7cf3}.btn a.resume{text-decoration:none;color:inherit;font-size:inherit;font-weight:inherit;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.btn a.resume:hover{color:inherit}@media (max-width:1800px){.banner-bg img{width:450px;height:auto;margin-top:300px;display:block}}@media (max-width: 1024px){.banner{width:100vw}.banner-content{margin-left:auto;margin-right:auto;margin-top:250px;padding:15px;text-align:center;display:flex;flex-direction:column;align-items:center}.banner-content h1{font-size:300%;margin-right:0}.banner-content p{font-size:150%;width:60vw;text-align:center}.btn{width:160px;font-size:1.2rem;margin-right:0}.banner-bg img{width:400px;max-width:100%;height:auto;margin:0 auto;display:block}.resumes{gap:30px}}@media (max-width: 768px){.banner{width:100vw;height:auto}.back-video{width:150vw;height:120vh}.banner-content{margin-left:auto;margin-right:auto;margin-top:100px;text-align:center;display:flex;flex-direction:column;align-items:center}.banner-content h1{font-size:250%}.banner-bg img{width:28%;height:40%;margin:70px auto 20px;display:block}.banner-content p{font-size:120%;width:80vw;text-align:center}.btn{width:140px;font-size:1rem;margin-top:30px}.resumes{gap:25px}}@media (max-width: 480px){.banner-content{padding:10px;margin-top:80px;text-align:center;display:flex;flex-direction:column;align-items:center}.banner-bg img{width:35%;height:40%;margin:80px auto 15px;display:block}.banner-content h1{font-size:200%}.banner-content p{font-size:100%;width:90vw;text-align:center}.btn{width:120px;font-size:.9rem}.back-video{width:200vw;height:150vh}.resumes{gap:20px}}.about-section{text-align:center;align-items:center;justify-content:center;height:75vh}.title{margin-bottom:30px;display:flex;flex-direction:column;margin-top:10vh}.about{font-size:2rem;color:#2d7cf3;margin-bottom:10px;margin-top:60px}.I{font-size:1rem;color:#555;font-weight:300}.main-content{display:flex;flex-direction:row;gap:20px}.profile{margin-top:20px;padding:20px;background:#ffffff0d;box-shadow:0 4px 15px #ffffff1a;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;justify-content:center;width:18vw;height:45vh;margin-right:50px;margin-left:450px}.profile img{width:16vw;height:40vh;border-radius:8px;transition:all .3s ease}.profile img:hover{transform:scale(1.1) rotate(4deg);box-shadow:0 8px 12px #0003}.content{margin-top:60px;max-width:600px;font-size:1.2rem;color:#fff;font-weight:400;line-height:1.4;text-align:justify;padding:0 20px}.cv{display:flex;align-items:center;justify-content:center;height:50px;padding:10px;border-radius:5px;cursor:pointer;font-weight:100;font-size:100%;border:2px solid #2d7cf3;background-color:#2d7cf3;color:#fff;box-shadow:0 2px 4px #2d7cf31a;transition:all .3s ease;margin-top:20px;width:170px}.cv:hover{border:2px solid #2d7cf3;background:#fff;color:#2d7cf3}@media (max-width: 1330px){.about-section{margin-top:10%;padding:60px 40px;height:auto}.main-content{display:flex;align-items:center;justify-content:center;gap:40px}.profile{width:35vw;max-width:400px;height:auto;margin:0}.profile img{width:100%;height:auto;object-fit:cover;border-radius:10px}.content{max-width:50%;font-size:1.2rem;text-align:justify}.cv{width:180px;font-size:1rem;padding:12px;margin-top:20px}}@media (max-width: 1024px){.about-section{padding:40px 20px;height:auto}.main-content{flex-direction:column;align-items:center;gap:30px;text-align:center}.profile{width:50vw;max-width:350px}.content{max-width:80%;font-size:1.1rem}.cv{width:170px;font-size:1rem;padding:10px;margin:20px auto;margin-left:30vw}}@media (max-width: 768px){.about-section{padding:30px 10px;text-align:center}.title{margin-top:3vh}.about{font-size:1.9rem}.I{font-size:.9rem}.main-content{flex-direction:column;align-items:center}.profile{width:60vw;max-width:280px}.content{font-size:1rem;max-width:90%;text-align:justify}.cv{width:150px;font-size:.9rem;padding:8px;margin:20px auto}}@media (max-width: 480px){.about-section{padding:20px 5px}.about{font-size:1.5rem}.I{font-size:1rem}.profile{width:80vw;max-width:250px}.content{font-size:.9rem;line-height:1.4;max-width:95%}.cv{width:130px;font-size:.8rem;padding:6px;margin:30px auto}}.skills-container{max-width:1100px;margin:auto;text-align:center;padding:50px 20px;color:#fff}.title{font-size:2rem;font-weight:700;color:#2d7cf3;margin-top:15vh;margin-bottom:15vh}.subtitle{font-size:1rem;margin-bottom:35px;color:#ccc}.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.skills-section{flex:1;min-width:320px;max-width:350px;background:#ffffff1a;padding:20px;border-radius:10px;text-align:left;cursor:pointer}.skills-section h3{font-size:1.3rem;margin-bottom:15px;color:#f39c12}.skill{margin-bottom:15px}.skill-name{display:flex;justify-content:space-between;font-size:1rem;font-weight:700;margin-bottom:5px}.progress-bar{height:8px;background:#333;border-radius:5px;overflow:hidden}.progress{height:100%;background:linear-gradient(to right,#2d7cf3,#1c3f8c);border-radius:5px;transition:width .5s ease-in-out}.skill-end{font-size:1rem;color:#fff;margin-top:20px;text-align:center;font-weight:300;line-height:1.5}.projects-section{text-align:center;padding:60px 20px}.section-title{font-size:2.5rem;color:#2d7cf3;margin:30px 0}.project-filters{display:flex;justify-content:center;gap:15px;margin-bottom:40px;margin-left:80px;margin-top:-50px}.btn{display:inline-block;padding:12px 20px;font-size:1rem;font-weight:600;text-transform:uppercase;text-decoration:none;color:#fff;background:#2d7cf3;border:2px solid #2d7cf3;border-radius:8px;transition:all .3s ease-in-out;cursor:pointer;text-align:center;box-shadow:0 4px 8px #0003}.btn:hover{background:#fff;color:#2d7cf3;border-color:#2d7cf3}.btn.active{background:#fff;color:#2d7cf3;border:2px solid #2d7cf3}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;justify-content:center}.project-card{width:100%;max-width:400px;height:450px;margin:0 auto;perspective:1000px;position:relative}.card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s}.project-card:hover .card-inner{transform:rotateY(180deg)}.card-front,.card-back{width:100%;height:100%;position:absolute;backface-visibility:hidden;border-radius:8px;box-shadow:0 4px 15px #0000001a}.card-front{background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px}.card-back{background:#fff;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotateY(180deg);padding:10px}.btn-flip{display:inline-block;padding:12px 20px;font-size:1rem;font-weight:600;text-transform:uppercase;text-decoration:none;color:#fff;background:#2d7cf3;border:2px solid #2d7cf3;border-radius:8px;transition:all .3s ease-in-out;cursor:pointer;text-align:center;box-shadow:0 4px 8px #0003;margin-top:10px}.btn-flip>a{color:#fff;text-decoration:none}.btn-flip:focus{outline:none}.btn-flip:hover{background:#fff;color:#2d7cf3;border-color:#2d7cf3}.btn-flip:hover>a{color:#2d7cf3;border-color:#2d7cf3}.btn-flip.active{background:#fff;color:#2d7cf3;border:2px solid #2d7cf3}.project-image{border:1px solid #ddd;width:100%;height:300px;object-fit:contain;border-radius:8px;cursor:pointer}.project-title{font-size:22px;font-weight:700;color:#222;margin:20px 5px}.project-description{font-size:16px;color:#444}.btn-project{display:inline-block;padding:12px 20px;font-size:1rem;font-weight:600;text-transform:uppercase;text-decoration:none;color:#fff;background:#2d7cf3;border:2px solid #2d7cf3;border-radius:8px;transition:all .3s ease-in-out;cursor:pointer;text-align:center;box-shadow:0 4px 8px #0003;margin-top:60px}.btn-project:hover{background:#fff;color:#2d7cf3;border-color:#2d7cf3}.btn-project>a{color:#fff;text-decoration:none}.btn-project:hover>a{color:#2d7cf3;border-color:#2d7cf3}.btn-project.active{background:#fff;color:#2d7cf3;border:2px solid #2d7cf3}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:800px}.project-card{max-width:320px;height:380px}.project-image{height:220px}.section-title{margin:20px 0;font-size:2.2rem}}@media (max-width: 768px){.projects-section{margin-top:50px;padding:40px 10px}.project-filters{margin:5px 5px 20px;display:flex;justify-content:space-evenly;flex-direction:row;gap:10px}.project-filters .btn{justify-content:center;width:50%;padding:10px 15px;font-size:.9rem}.projects-grid{grid-template-columns:repeat(2,1fr);gap:15px;max-width:100%}.project-card{max-width:280px;height:320px}.project-image{height:180px}.project-title{font-size:15px}.project-description{font-size:13px}.section-title{font-size:1.8rem}}@media (max-width: 535px){.projects-section{margin-top:30px;padding:30px 10px}.project-filters{margin:5px 5px 20px;display:flex;justify-content:space-evenly;flex-direction:row;gap:15px}.project-filters .btn{justify-content:center;width:50%;padding:10px 15px;font-size:.9rem}.projects-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-width:100%}.project-card{max-width:240px;height:300px}.project-image{height:160px}.project-title{font-size:14px}.project-description{font-size:12px}}@media (max-width: 400px){.projects-grid{grid-template-columns:repeat(1,1fr)}.project-filters{margin:5px 5px 20px;display:flex;justify-content:space-evenly;flex-direction:row;gap:10px}.project-filters .btn{justify-content:center;width:50%;padding:10px 15px;font-size:.9rem}.project-card{max-width:90%;height:280px}.project-image{height:140px}}@media (max-width: 1024px){.btn{padding:10px 18px;font-size:.9rem}}@media (max-width: 768px){.btn{padding:8px 16px;font-size:.85rem;width:90%}}@media (max-width: 480px){.btn{padding:8px 14px;font-size:.8rem;width:100%}}.contact-section{padding:50px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto}.title{margin-bottom:30px;margin-top:30px;display:flex;flex-direction:column;align-items:center}.about{font-size:2.5rem;font-weight:700;color:#2d7cf3;margin-bottom:10px}.I{font-size:1.5rem;color:#555;font-weight:300;text-transform:uppercase}.contact-details{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;width:100%;max-width:1200px;margin-top:20px}.left-contact,.right-content{border-radius:10px;padding:20px;flex:1;width:100%;max-width:600px;text-align:left;background-color:transparent}.left-contact section{font-size:2rem;color:#2d7cf3;margin-bottom:10px;font-weight:700}.left-contact p{font-size:1rem;color:#fff;line-height:1.6}.right-content{display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px;border-radius:10px;width:100%;max-width:500px;background:#ffffff0d;box-shadow:0 4px 15px #ffffff1a}.msg{font-size:26px;font-weight:700;color:#2d7cf3;margin-bottom:20px}.input-row{display:flex;justify-content:space-between;width:100%;gap:15px}.input-row input{flex:1}input,textarea{width:100%;padding:12px;border:1px solid #555;border-radius:8px;font-size:16px;background:#ffffff1a;color:#fff;box-sizing:border-box;transition:border-color .3s;margin-bottom:15px}input:focus,textarea:focus{border-color:#2d7cf3;outline:none}textarea{resize:vertical;min-height:80px}.send{display:flex;align-items:center;justify-content:center;height:45px;padding:10px;border-radius:8px;cursor:pointer;font-weight:500;font-size:16px;border:2px solid #2d7cf3;background-color:#2d7cf3;color:#fff;box-shadow:0 3px 6px #2d7cf333;transition:all .3s ease;width:100%}.send:hover{border:2px solid #2d7cf3;background:#fff;color:#2d7cf3}@media (max-width: 1024px){.contact-details{flex-direction:column;align-items:center;gap:30px}.left-contact,.right-content{max-width:80%;text-align:center}}@media (max-width: 768px){.contact-section{padding:40px 10px}.contact-details{flex-direction:column;gap:20px}.left-contact,.right-content{max-width:100%;text-align:center;padding:20px}.about{font-size:2rem}.I{font-size:1.2rem}.msg{font-size:22px}.send{font-size:14px;height:40px}}.wave-container{position:relative;margin-bottom:1.5rem;width:100%}.wave-input{width:100%;border:none;border-bottom:2px solid #ccc;background:transparent;padding:12px;font-size:16px;color:#fff;outline:none;transition:border-color .3s ease}.wave-input:focus{border-color:#2d7cf3}.wave{position:absolute;bottom:0;left:0;height:2px;width:0;background:#2d7cf3;transition:width .3s ease}.wave-label{position:absolute;top:0;left:0;pointer-events:none;font-size:16px;color:#ccc;transition:transform .3s ease,font-size .3s ease;transform-origin:0 0}.wave-input:focus+.wave{width:100%}.wave-input:focus~.wave-label,.wave-input:not(:placeholder-shown)~.wave-label{transform:translateY(-20px);font-size:14px;color:#2d7cf3}.ripple-button{position:relative;overflow:hidden;background-color:#2d7cf3;color:#fff;padding:10px 20px;border:none;cursor:pointer;outline:none;font-size:16px;border-radius:8px;transition:background .3s ease;width:120px;height:40px}.ripple-button:hover{background-color:#fff;color:#2d7cf3}.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-effect .6s linear;background-color:#2d7cf3b3;pointer-events:none}@keyframes ripple-effect{to{transform:scale(4);opacity:0}}.social-media{margin-top:60px;text-align:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;margin:15px;border-radius:50%;font-size:30px;text-decoration:none;color:#fff;background-color:#333;transition:all .3s ease;box-shadow:0 4px 8px #000}.icon-button.github{background-color:#24292e}.icon-button.linkedin{background-color:#0077b5}.icon-button.google{background:linear-gradient(#4285f4,#34a853,#fbbc05,#ea4335);color:#fff}.icon-button.phone{background-color:#24292e}.icon-button.instagram{background:radial-gradient(circle at 30% 30%,#fdc468,#df4996,#d91a46)}.icon-button:hover{transform:scale(1.2);box-shadow:0 4px 8px #0003}.icon-button img{transition:transform .6s ease}.icon-button:hover img{transform:rotate(15deg)}@media (max-width: 1024px){.icon-button{width:45px;height:45px;font-size:26px;margin:10px}}@media (max-width: 768px){.social-media{text-align:center;margin-top:40px}.icon-button{width:40px;height:40px;font-size:24px;margin:8px}}@media (max-width: 480px){.social-media{margin-top:30px}.icon-button{width:35px;height:35px;font-size:22px;margin:6px}}.footer{background:#ffffff0d;color:#eee;padding:15px 0;text-align:center;position:relative;width:100%;border-top:1px solid rgba(255,255,255,.05)}.footer_container{max-width:960px;margin:0 auto;padding:0 15px}.footer span{font-size:1.2rem}.name{display:inline-block;color:#2d7cf3}@media (max-width: 1024px){.footer span{font-size:1rem}}@media (max-width: 768px){.footer{padding:10px 0}.footer_container{padding:0 10px}.footer span{font-size:.9rem}}@media (max-width: 480px){.footer{padding:8px 0}.footer span{font-size:.8rem}.name{font-size:1rem}}@media screen and (min-width: 1424px) and (max-width: 2840px){::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}}