@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";html{scroll-behavior:smooth}.desktop-nav{display:flex;align-items:center;justify-content:space-between;background:#000;height:70px;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}.mobile-nav,.icon-bar{display:none}body{font-family:Arial,Helvetica,sans-serif;background:#27292c;color:#fff}.border-text{color:#93c5fd;background:#27292c;padding:1.5px;border:1px solid navy;border-radius:5px}#profile-image{float:right;width:250px;border-radius:100px;border:5px solid white;margin-right:80px}#title-1{margin-top:200px;display:flex;margin-bottom:0;flex-direction:column;align-items:flex-start;margin-left:20px;font-size:4rem}#title-2{display:inline-block;margin-right:20px;flex-direction:column;align-items:flex-start;margin-left:20px;font-size:4rem;margin-bottom:40px}.red-text{background-color:#ff8177;background-image:linear-gradient(to top,#ff0844,#ffb199);background-size:100%;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}a{text-decoration:none}.nav-buttons,.burger-menu{display:flex;align-items:center;justify-content:flex-end;margin-right:20px}.nav-text{font-size:16px;padding:5px 10px;border-radius:10px;color:#fff;margin:0 5px;border:none;background:none;position:relative;overflow:hidden;z-index:1;cursor:pointer;transition:.2s ease-in}.nav-text:hover{color:#27292c}.nav-text:before{content:"";position:absolute;background:#f77062;bottom:0;left:0;right:0;top:100%;z-index:-1;transition:top .09s ease-in}.nav-text:hover:before{top:0}#logo-img{width:200px;padding:10px}.blue-text{background-color:#ff8177;background-image:linear-gradient(to top,#b721ff,#21d4fd);background-size:100%;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}#who-am-i{color:#fff;font-size:2rem;font-weight:100;line-height:1.5;white-space:nowrap;overflow:hidden;position:relative;width:100%;margin-bottom:80px}#who-am-i span{font-size:2rem;text-transform:none;margin-left:40px}.message{background-color:#f77062;color:#fff;display:block;font-weight:900;overflow:hidden;position:absolute;padding-left:.5rem;top:.2rem;left:145px;animation:openclose 10s ease-in-out infinite}#footer-text{padding-top:10px;padding-bottom:10px;font-size:14px;padding-left:30px;font-weight:400;text-align:center;color:#aaa}@keyframes openclose{0%{top:.16rem;width:0}5%{width:0}15%{width:270px}30%{top:.16rem;width:270px}33%{top:.16rem;width:0}35%{top:.16rem;width:0}38%{top:-3rem}48%{top:-3rem;width:310px}62%{top:-3rem;width:310px}66%{top:-3rem;width:0;text-indent:0}71%{top:-6rem;width:0;text-indent:5px}86%{top:-6rem;width:490px}95%{top:-6rem;width:490px}98%{top:-6rem;width:0;text-indent:5px}to{top:0;width:0;text-indent:0}}.icon-button:focus{outline:none;box-shadow:0 0 0 2px #1db954}.social-media-icons{margin-left:10px}.icon{width:50px;margin-left:15px;margin-right:15px;margin-bottom:50px}.icon{transition-duration:.3s;position:relative}#youtube-icon:hover{content:url(./images/Youtube.png);transform:translateY(-5px)}#linkedin-icon:hover{content:url(./images/LinkedIN.png);transform:translateY(-5px)}#github-icon:hover{content:url(./images/Github_black.png);transform:translateY(-5px)}#play-btn-icon:hover{content:url(./images/play-button.png);transform:translateY(-5px)}#itch-icon:hover{content:url(./images/itch-io-icon.png);transform:translateY(-5px)}.icon:after{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:16px;color:#fff;opacity:0;box-shadow:0 8px 12px #0003;transition:opacity .3s ease}.icon:hover:after{opacity:1}#technologies{padding-top:60px;padding-left:50px}#my-skills{height:500px}#about-me{height:900px;background:#000}#work-experience{height:2200px}#projects-section{height:1700px;background:#000}#C,#Python,#HTML,#JavaScript,#React,#SQL{animation:idleUpDown 5s infinite alternate}#Csharp,#Java,#CSS,#Unity,#VBA{animation:idleUpDown 4s infinite alternate}.skills-img{height:80px;margin-right:30px;transition:transform .3s ease,opacity .3s ease}.skills-img:hover{transform:scale(1.05)!important;opacity:.8!important;animation:none!important}@keyframes idleUpDown{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}#about-header{color:#9999a1;margin-left:60px;padding-top:50px}#about-title{margin-left:60px;padding-top:10px;font-size:60px;font-weight:700;margin-bottom:20px;background:linear-gradient(90deg,#00c9ff,#92fe9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-text{color:#fff;margin-left:60px;padding-top:10px;width:900px}.software-skills{height:17rem;position:absolute;width:15rem;background-color:#d4d4d8;border-radius:20px;margin-right:20px;box-shadow:inset 0 0 10px #9999a1}.project-div{height:35rem;display:inline-block;margin-top:50px;width:30rem;background-color:#1e293b;border-radius:20px;margin-right:100px;transition:transform .3s ease}.project-div:hover{transform:scale(1.05);box-shadow:0 0 20px #0000004d}#professions{display:block;margin-left:60px;padding-top:60px;padding-bottom:600px}#wave-section{display:inline-block}.wave{display:inline-block;animation-name:wave-animation;height:60px;width:60px;animation-duration:2.5s;animation-iteration-count:infinite}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.list-projects{display:flex;justify-content:center;margin-left:auto;margin-right:40px;margin-bottom:10px}.software-img{height:100px;width:100px;padding-top:50px;display:flex;justify-content:center;margin-left:auto;margin-right:auto;margin-bottom:10px}.project-img{height:200px;display:flex;justify-content:center;align-items:center;margin:50px auto 10px;border:5px solid white;box-shadow:0 0 20px #0006}.languages-used{display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:auto}.used-tech{padding-right:10px}.project-description{width:300px;justify-content:flex;margin-left:auto;margin-right:auto;font-size:14px;color:#9ca3af;padding-top:10px;margin-bottom:30px}.software-label{color:#27292c;margin:0;padding:0;line-height:30px;font-weight:700;font-size:20px;text-align:center}.project-label{color:#fff;margin:20px;padding:0;line-height:25px;font-weight:700;font-size:30px;text-align:center}#software{left:360px}#game{left:650px}#recipe-search-engine{left:560px}#sonic-aether{left:620px}.timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:after{content:"";position:absolute;width:6px;background-color:#fff;top:0;bottom:0;left:50%;margin-left:-3px}.container{padding:10px 40px;position:relative;background-color:inherit;width:50%;box-sizing:border-box;box-shadow:0 20px 25px -15px #0000004d}.container:after{content:"";position:absolute;width:25px;height:25px;right:-17px;background-color:#fff;border:4px solid #FF9F55;top:15px;border-radius:50%;z-index:1}.left{left:0}.right{left:50%}.left:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:31px;border:medium solid white;border-width:10px 0 10px 10px;border-color:transparent transparent transparent white}.right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:31px;border:medium solid white;border-width:10px 10px 10px 0;border-color:transparent white transparent transparent}.right:after{left:-16px}.content{padding:20px 30px;background-color:#fff;position:relative;border-radius:6px;box-shadow:inset 0 0 10px #0003}.content:hover{transform:translateY(-5px)}.timeline-position{color:#333;line-height:5px}.timeline-location{color:#000;line-height:1px;font-weight:400}.timeline-info{color:#000;font-weight:400;margin-bottom:10px}.timeline-date{color:gray;font-size:12px;line-height:1px;font-weight:400;margin-bottom:30px}.hide{display:none}.company-logo{height:100px}.push-down{margin-bottom:100px}#contact-info{background-color:#000;height:600px}#contact-container{background:#1f1f1f;height:160px;padding-top:50px;padding-bottom:50px;width:800px;display:block;justify-content:center;margin-right:auto;margin-left:auto;border-radius:20px}.contact-container-info{display:flex;justify-content:center;line-height:.5px;margin-left:auto;margin-right:auto}.contact-section{display:flex;align-items:center;justify-content:center}.contact-icons{height:70px;width:70px}#slide-down{margin-bottom:50px}.contact-container-info{color:#fff;margin-left:30px;font-weight:100}#phone-icon,#email-icon{display:flex;margin-left:225px;align-items:center;justify-content:flex-start}.button-email,.phone-email{display:flex;align-items:center;justify-content:space-between;margin:0 auto;width:270px;font-family:Montserrat,Trebuchet MS,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;position:relative;padding:.8em 1.4em;border:none;color:#fff;transition:.2s}.button-email{background:linear-gradient(to right,#f77062,#f77062 70%,#cb5e52 70%,#cb5e52)}.button-email:hover{background:linear-gradient(to right,#ff4848,#ff4848 70%,#cb3928 70%,#cb3928)}.phone-email{background:linear-gradient(to right,#22c1e6,#22c1e6 70%,#18a8c8 70%,#18a8c8)}.phone-email:hover{background:linear-gradient(to right,#2287e6,#2287e6 70%,#1858a6 70%,#1858a6)}.phone-email:hover img{animation:wiggle .1s alternate ease infinite}.buttin-email img{transition:transform .5s ease}.button-email:hover img{transform:skew(-20deg)}.contact-img{display:flex;flex-direction:flex-end;height:40px}@keyframes wiggle{0%{transform:rotate(0)}to{transform:rotate(30deg)}}@media screen and (max-width: 1024px){header>.desktop-nav{display:none!important}.hamburger{display:none!important}.mobile-nav{position:fixed;bottom:0;left:0;width:100%;height:60px;background:#000;display:flex;justify-content:space-around;align-items:center;z-index:9999;pointer-events:auto}.icon-button{color:#b3b3b3;font-size:1.8rem;width:44px;height:44px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:background .2s,color .2s}.icon-button:hover,.icon-button:focus{background:#ffffff1a;color:#fff;transform:scale(1.1)}.nav-text{display:none}.contact-img{display:flex;flex-direction:flex-end;height:60px}.nav-links{display:none}#projects-section{height:6700px;background:#000}img.used-tech{width:70px}#about-header{font-size:27px}#my-skills{height:700px}#footer-section{height:100px}#footer-text{font-size:27px;margin-top:30px}#contact-info{background-color:#000;height:750px}.project-div{height:54rem;display:block;margin-top:70px;padding-top:30PX;width:44rem;background-color:#1e293b;border-radius:20px;transition:transform .3s ease;margin-left:auto;margin-right:auto}#contact-container{padding-bottom:100px}.project-label{color:#fff;margin:20px;padding:0;line-height:55px;font-weight:700;font-size:40px;text-align:center}#about-me{height:1400px}.about-text{color:#fff;margin-left:60px;padding-top:10px;width:900px;font-size:30px}.project-description{width:500px;justify-content:flex;margin-left:auto;margin-right:auto;font-size:30px;color:#9ca3af;padding-top:10px;margin-bottom:30px}.list-projects{display:block;width:80%;margin-left:auto;margin-right:auto;margin-bottom:10px}.project-img{height:250px;display:flex;justify-content:center;align-items:center;margin:50px auto 10px;border:5px solid white;box-shadow:0 0 20px #0006}.skills-img{height:80px;margin-right:30px;padding-bottom:30px;transition:transform .3s ease,opacity .3s ease}#work-experience{height:3400px}.timeline-info,.timeline-date,.timeline-location,.timeline-position{font-size:25px}.timeline-position{color:#333;line-height:30px}nav{height:90px;top:auto}.icon-bar{display:flex;height:60px;width:60px;margin-left:10px;margin-right:10px}.button-email,.phone-email{display:flex;align-items:center;justify-content:space-between;margin:0 auto;width:380px;font-family:Montserrat,Trebuchet MS,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;position:relative;font-size:23px;padding:.8em 1.4em;border:none;color:#fff;transition:.2s}.icon{transition-duration:.3s;position:relative;width:70px}#info-icon:hover{content:url(./images/about-me-icon-clicked.png)}#contact-icon:hover{content:url(./images/contact-icon-clicked.png)}#experience-icon:hover{content:url(./images/experience-icon-clicked.png)}#projects-icon:hover{content:url(./images/projects-icon-clicked.png)}#resume-icon:hover{content:url(./images/resume-icon-clicked.png)}}.contact-section{background:linear-gradient(135deg,#1a1a1d,#0f2027);padding:80px 20px;min-height:100vh;color:#fff}.contact-wrapper{max-width:800px;margin:0 auto;text-align:center}.section-subtitle,#experience-subtitle{color:#aaa;font-size:16px;letter-spacing:2px;margin-bottom:10px}.section-title{font-size:50px;background:linear-gradient(90deg,#00c9ff,#92fe9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px}.contact-description{color:#d4d4d8;font-size:18px;margin-bottom:50px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.contact-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.contact-card{display:flex;align-items:center;gap:15px;text-decoration:none;font-size:20px;padding:18px 24px;border-radius:15px;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.3s ease;box-shadow:0 8px 25px #0003}.contact-card:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 12px 40px #0006}.card-icon{width:32px;height:32px;filter:brightness(1.2)}@media (max-width: 600px){.contact-cards{flex-direction:column}.contact-card{width:100%;justify-content:center}.contact-description{font-size:16px}.contact-wrapper{padding:0 20px}.section-subtitle,#experience-subtitle{font-size:58px;letter-spacing:2px}.section-title{font-size:120px;background:linear-gradient(90deg,#00c9ff,#92fe9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px}.contact-description{font-size:16px;max-width:90%;margin:0 auto 30px}.contact-card{font-size:18px;padding:16px 20px;width:90%;margin-bottom:16px;border-radius:12px;gap:10px;box-shadow:0 4px 10px #0000004d}.card-icon{width:28px;height:28px}}@media screen and (max-width: 600px){.hero{display:flex;flex-direction:column;align-items:center;padding-top:100px;padding-bottom:60px;text-align:center}#profile-image{width:150px;height:150px;border-radius:50%;margin:0 auto 20px;float:none}#title-1,#title-2{font-size:2.5rem;text-align:center;margin:0 0 10px}#who-am-i{font-size:1.5rem;margin-bottom:40px;margin-left:0;text-align:center}#who-am-i span{font-size:1.5rem;margin-left:0}.message{left:0;font-size:1.1rem;animation:none;position:static;margin-top:10px}.wave{height:40px;width:40px;margin-left:8px}#wave-section{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.social-media-icons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px}.icon{width:40px;height:40px;margin:5px}#about-me{height:auto;padding:20px}#about-header{font-size:24px;margin-left:10px;padding-top:20px;text-align:center}#about-title{font-size:40px;margin-left:10px;text-align:center;padding-top:10px}.about-text{width:90%;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.6;text-align:justify}#professions{display:flex;flex-direction:column;align-items:center;gap:20px;padding-bottom:60px;margin:0 auto}.software-skills{position:static!important;width:90%!important;max-width:300px;height:auto;background-color:#d4d4d8;border-radius:20px;box-shadow:inset 0 0 10px #9999a1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0;margin:0 auto}.software-img{height:80px;margin-bottom:10px}.software-label{font-size:18px;color:#27292c;margin:0;line-height:1.4;text-align:center}#technologies{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px 20px 20px 0}.skills-img{width:60px;height:60px;margin:10px}#projects-section{padding:20px;height:auto;background-color:#000}#projects-section #about-header,#projects-section #about-title{margin-left:0;text-align:center}#projects-section .about-text{width:90%;font-size:16px;line-height:1.6;margin:0 auto 30px;text-align:justify}.list-projects{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;padding:0;margin:0 auto}.project-div{width:90%;padding:20px 10px;height:auto;background-color:#1e293b;border-radius:20px;margin:0 auto;box-shadow:0 0 20px #0000004d}.project-img{width:100%;height:auto;margin:10px auto;border:3px solid white}.project-label{font-size:24px;line-height:1.2;margin:15px 0}.languages-used{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.project-description{width:90%;font-size:16px;line-height:1.5;margin:10px auto 20px;color:#9ca3af}.icon{width:40px;margin:0 10px}.timeline:after{left:8px!important}.container{width:100%!important;padding-left:30px!important;padding-right:10px!important;margin-bottom:50px}.container:after{left:0!important;right:auto!important}.left:before,.right:before{display:none!important}.left,.right{left:0!important;width:100%!important}.content{margin-left:20px;margin-right:10px;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0003}.company-logo{max-width:100%;height:auto;display:block;margin:0 auto 10px}.timeline-position,.timeline-location,.timeline-date,.timeline-info{font-size:16px!important;line-height:1.4;text-align:left}.contact-section{padding:60px 20px;background:linear-gradient(135deg,#1a1a1d,#0f2027);text-align:center;margin-bottom:0!important}.section-subtitle,#experience-subtitle{font-size:20px;letter-spacing:1px;color:#aaa;margin-bottom:10px}.section-title{font-size:36px;background:linear-gradient(90deg,#00c9ff,#92fe9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px;font-weight:700}.contact-description{font-size:16px;color:#d4d4d8;margin-bottom:30px;padding:0 10px;line-height:1.6}.contact-cards{display:flex;flex-direction:column;align-items:center;gap:16px}.contact-card{font-size:16px;width:90%;padding:14px 20px;justify-content:center;border-radius:12px;text-align:center;gap:10px}}.phone-card{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.email-card{background-color:#2563eb;color:#fff}.about-section{background:linear-gradient(135deg,#1a1a1d,#0f2027);padding:100px 0 500px;color:#fff}.about-container{max-width:1200px;margin:0 auto;padding:0 20px}.about-header{text-align:center;margin-bottom:60px}.section-subtitle,#experience-subtitle{color:#6b7280;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px;display:block}.section-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;background:linear-gradient(90deg,#00c9ff,#92fe9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.accent-line{width:80px;height:4px;background:linear-gradient(90deg,#00c9ff,#92fe9d);margin:0 auto;border-radius:2px}.about-content{display:flex;flex-direction:column;gap:60px}.about-text{max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.8;color:#d1d5db}.about-text p{margin-bottom:25px}.highlight{color:#93c5fd;font-weight:500;position:relative;display:inline-block}.highlight:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#00c9ff,#92fe9d);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.highlight:hover:after{transform:scaleX(1);transform-origin:left}.expertise-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin-top:40px}.expertise-card{background:#ffffff0d;border-radius:16px;padding:30px;width:280px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.expertise-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000004d;background:#ffffff1a}.card-icon img{width:60px;height:60px;margin-bottom:20px;filter:brightness(0) invert(1)}.expertise-card h3{font-size:1.5rem;margin-bottom:10px;color:#fff}.expertise-card p{color:#9ca3af;font-size:.95rem;line-height:1.6}@media (max-width: 768px){.section-title{font-size:2.5rem}.about-text{font-size:1rem;padding:0 15px}.expertise-cards{flex-direction:column;align-items:center}.expertise-card{width:100%;max-width:350px}}@media (max-width: 480px){.section-title{font-size:2rem}.section-subtitle,#experience-subtitle{font-size:1rem}.about-section{padding:60px 0}}.skills-section{padding:100px 0;color:#fff}.skills-container{max-width:1200px;margin:0 auto;padding:0 20px}.skills-grid{margin-top:50px!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:50px;justify-items:center;max-width:900px;margin:0 auto}.skill-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;border-radius:12px;padding:25px 15px;width:100%;aspect-ratio:1/1;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.skill-card:hover{transform:translateY(-5px);background:#ffffff1a;box-shadow:0 10px 20px #0003}.skill-icon{width:50px;height:50px;object-fit:contain;margin-bottom:15px;transition:transform .3s ease}.skill-card:hover .skill-icon{transform:scale(1.1)}.skill-name{font-size:1.1rem;font-weight:500;color:#fff;text-align:center}@media (max-width: 768px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:20px}.skill-card{padding:20px 10px}.skill-icon{width:40px;height:40px}.skill-name{font-size:1rem}}@media (max-width: 480px){.skills-grid{grid-template-columns:repeat(3,1fr);gap:20px}.skill-card{padding:0}.skill-icon{width:35px;height:35px}.skill-name{font-size:.9rem}}.projects-section{background:linear-gradient(135deg,#1a1a1d,#0f2027);padding:100px 0;color:#fff}.projects-container{max-width:1200px;margin:0 auto;padding:0 20px}.projects-header{text-align:center;margin-bottom:40px}.projects-intro{max-width:800px;margin:0 auto 60px;font-size:1.1rem;line-height:1.8;color:#d1d5db;text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px;justify-items:center}.project-card{background:#1e293bb3;border-radius:16px;overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;max-width:400px}.project-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000004d;background:#1e293be6}.project-image-container{position:relative;width:100%;height:200px;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-links{position:absolute;bottom:20px;right:20px;display:flex;gap:15px;opacity:0;transition:opacity .3s ease}.project-card:hover .project-links{opacity:1}.project-link{background:#000000b3;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.project-link:hover{background:#000000e6;transform:scale(1.1)}.link-icon{width:20px;height:20px}.project-content{padding:25px}.project-title{font-size:1.5rem;margin-bottom:15px;color:#fff;font-weight:600}.project-description{color:#9ca3af;font-size:.95rem;line-height:1.6;margin-bottom:20px}.technologies-used{display:flex;flex-wrap:wrap;gap:10px}.technology-tag{background:#ffffff1a;color:#93c5fd;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:500}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}}@media (max-width: 768px){.projects-section{padding:80px 0}.projects-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.project-card{max-width:100%}}@media (max-width: 480px){.projects-section{padding:60px 0}.projects-intro{font-size:1rem;padding:0 15px}.project-image-container{height:180px}.project-content{padding:20px}.project-title{font-size:1.3rem}.project-description{font-size:.9rem}}@media screen and (max-width: 1024px){.mobile-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;height:60px;background:#000;justify-content:space-around;align-items:center;z-index:9999}.icon-button{color:#b3b3b3;font-size:1.8rem;width:44px;height:44px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:background .2s,color .2s}}html,body{overflow-x:hidden;max-width:100%}@media screen and (max-width: 600px){.about-text,#contact-container,.project-div{width:95%!important;margin-left:auto!important;margin-right:auto!important;padding:10px!important}.project-img{width:90%!important;height:auto!important}.skills-img{width:50px!important;height:50px!important;margin:5px!important}}@media screen and (max-width: 600px){.timeline:after{left:31px!important}.container{width:100%!important;padding-left:70px!important;padding-right:25px!important}.container:after{left:15px!important}}@media screen and (max-width: 600px){.project-div{height:auto!important;padding-bottom:30px!important;margin:20px auto!important}.project-description{width:90%!important;font-size:16px!important}}@media screen and (max-width: 600px){#contact-container{width:95%!important;padding:20px!important;height:auto!important}.contact-img{height:30px!important;margin-left:10px!important}.button-email,.phone-email{width:90%!important;font-size:16px!important;padding:12px!important}}.footer-section{background-color:#000;padding:20px 0;width:100%;position:relative;bottom:0;z-index:100}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-text{color:#aaa;font-size:14px;font-weight:400;text-align:center;margin:0;padding:10px 0}@media screen and (max-width: 600px){.footer-section{padding:15px 0}.footer-text{font-size:12px;padding:8px 15px;line-height:1.4}.footer-social-icons{display:flex;gap:15px;margin-top:10px}.footer-social-icon{width:24px;height:24px}}@media screen and (min-width: 601px) and (max-width: 1024px){.footer-text{font-size:16px}}.mobile-message{display:inline-block;margin-left:10px;color:#f77062;font-weight:700;animation:fadeInOut 3s ease-in-out infinite;vertical-align:top;min-width:200px}@keyframes fadeInOut{0%,to{opacity:0;transform:translateY(10px)}20%,80%{opacity:1;transform:translateY(0)}}@media screen and (max-width: 600px){#who-am-i{white-space:normal;text-align:center;margin-left:0}#who-am-i span{margin-left:0}.message{display:none}.mobile-message{display:inline-block}}.icon{width:auto;font-size:2.5rem;color:#fff;transition:transform .3s ease}.icon:hover{transform:translateY(-5px)}.github-icon:hover{color:#6e5494}.linkedin-icon:hover{color:#0077b5}.itch-icon:hover{color:#fa5c5c}.youtube-icon:hover{color:red}.expertise-card{border-radius:16px;padding:30px;width:280px;text-align:center;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 20px #0009;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.expertise-card:nth-child(1){border-left:4px solid #21d4fd;box-shadow:0 0 20px #21d4fd26}.expertise-card:nth-child(2){border-left:4px solid #f77062;box-shadow:0 0 20px #f7706226}.expertise-card:nth-child(3){border-left:4px solid #b721ff;box-shadow:0 0 20px #b721ff26}.expertise-card:hover{transform:translateY(-8px);background:#ffffff1a;box-shadow:0 12px 30px #00000080}.card-icon img{transition:transform .3s ease}.expertise-card:hover .card-icon img{transform:scale(1.1)}.expertise-card h3,.expertise-card p{transition:color .3s ease}.expertise-card:hover h3{color:#93c5fd}@media (max-width: 480px){.expertise-card{padding:20px;width:90%;margin:0 auto}}.about-header.animate-fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.about-content.animate-fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out .4s,transform .8s ease-out .4s}.skills-header.animate-fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.skills-grid.animate-fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out .4s,transform .8s ease-out .4s}.projects-header.animate-fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.projects-intro.animate-fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out .4s,transform .8s ease-out .4s}.projects-grid.animate-fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out .8s,transform .8s ease-out .8s}.animate-fade-in.animate-active{opacity:1;transform:translateY(0)}.animate-fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.nav-pop{opacity:0;transform:scale(.8) translateY(-20px);transition:opacity .5s ease-out,transform .5s ease-out}.nav-pop-active{opacity:1;transform:scale(1) translateY(0)}.animate-hero{opacity:0;animation:fadeSlideIn .5s ease-out forwards;animation-delay:.1s}.hero-fade{opacity:0;transform:translateY(20px);animation:fadePopUp .6s ease-out forwards}@keyframes fadePopUp{to{opacity:1;transform:translateY(0) scale(1)}}.delay-1{animation-delay:.3s}.delay-2{animation-delay:.5s}.delay-3{animation-delay:.7s}.delay-4{animation-delay:.9s}.delay-5{animation-delay:1.1s}.hero-modern{background:radial-gradient(ellipse at top left,#1e293b,#0f172a);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#fff;position:relative;overflow:hidden}.hero-container{max-width:800px;margin:0 auto;animation:fadeSlideIn .8s ease-out forwards}.hero-title{font-size:4rem;font-weight:800;margin-bottom:20px;background:linear-gradient(90deg,#00c9ff,#92fe9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.5rem;color:#cbd5e1;margin-bottom:40px}.hero-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.btn-primary,.btn-secondary{font-size:1.1rem;padding:14px 28px;border-radius:12px;font-weight:600;transition:.3s ease;text-decoration:none}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);transform:scale(1.05)}.btn-secondary:hover{background:#fff3;transform:scale(1.05)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-social-icons{display:flex;justify-content:center;margin-top:40px;gap:24px}.hero-icon{font-size:2.2rem;color:#fff;transition:transform .2s ease,color .2s ease}.hero-icon:hover{transform:translateY(-5px);color:#93c5fd}.about-section,.projects-section,.skills-section,.contact-section{background:linear-gradient(135deg,#1e293b,#0f172a)!important;color:#fff}.experience-section{background:linear-gradient(135deg,#1e293b,#0f172a);padding:100px 0;color:#fff}.section-title{font-size:3.5rem;font-weight:800;background:linear-gradient(90deg,#00c9ff,#92fe9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle,#experience-subtitle{font-size:1.2rem;letter-spacing:2px;color:#93c5fd}.accent-line{width:80px;height:4px;background:linear-gradient(90deg,#00c9ff,#92fe9d);margin:0 auto 40px;border-radius:2px}.footer-section{background:linear-gradient(135deg,#1e293b,#0f172a);color:#9ca3af;text-align:center;padding:30px 0}.btn-primary{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}body{font-family:Inter,Segoe UI,sans-serif;background:#0f172a;color:#fff}.btn-primary:hover,.btn-secondary:hover,.contact-card:hover,.project-card:hover{box-shadow:0 12px 25px #0006;transform:translateY(-5px)}.glassy-nav{background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}.nav-text:before{content:"";position:absolute;background-color:#00c9ff;bottom:0;left:0;right:0;top:100%;z-index:-1;transition:top .2s ease-in}.typewriter span{font-weight:700;color:#93c5fd}.cursor{display:inline-block;margin-left:4px;color:#93c5fd;animation:blink .7s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.about-text{max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.9;color:#d1d5db;text-align:justify;letter-spacing:.2px}.about-text p{margin-bottom:24px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.headshot-container{position:relative;display:flex;justify-content:center;align-items:center}.about-headshot{width:100%;max-width:400px;border-radius:20px;z-index:2;box-shadow:0 20px 40px #0000004d;transition:transform .5s ease;border:4px solid rgba(255,255,255,.1)}.headshot-border{position:absolute;width:100%;height:100%;max-width:400px;border-radius:20px;background:linear-gradient(45deg,#00c9ff,#92fe9d);transform:rotate(5deg);z-index:1;opacity:.7;transition:all .5s ease}.headshot-container:hover .about-headshot{transform:translate(-5px,-5px)}.headshot-container:hover .headshot-border{transform:rotate(8deg) scale(1.02);opacity:.9}.about-text-container{display:flex;flex-direction:column;gap:40px}@media (max-width: 1024px){.about-grid{grid-template-columns:1fr;gap:40px}.headshot-container{order:-1;margin:0 auto}.about-headshot{max-width:350px}}@media (max-width: 768px){.about-headshot{max-width:300px}.expertise-cards{flex-direction:column;align-items:center}.expertise-card{width:100%;max-width:350px}}@media (max-width: 480px){.about-headshot,.headshot-border{max-width:250px}}@media screen and (max-width: 600px){.section-title{font-size:28px}.section-subtitle{font-size:14px;letter-spacing:1px}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.timeline-position,.timeline-location,.timeline-date{font-size:14px}.project-title{font-size:16px}.project-description{font-size:14px}}.timeline:after{background:linear-gradient(to bottom,#00c9ff,#92fe9d)}.container:after{background:#0f172a;border:4px solid #00C9FF}.content{background:#0f172acc;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 8px 25px #0000004d}.content:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0006;background:#0f172ae6}.timeline-position{color:#93c5fd;font-size:1.4rem;margin-bottom:5px;font-weight:600}.timeline-company{color:#00c9ff;font-size:1.1rem;margin-bottom:5px;font-weight:500}.timeline-location{color:#cbd5e1;font-size:.9rem;margin-bottom:10px;font-weight:400}.timeline-date{color:#93c5fd;font-size:.9rem;margin-bottom:15px;display:inline-block;padding:4px 10px;background:#93c5fd1a;border-radius:20px}.timeline-info{color:#d1d5db;font-size:.95rem;line-height:1.6;margin-bottom:10px;position:relative;padding-left:20px}.left:before{border-color:transparent transparent transparent rgba(15,23,42,.8)}.right:before{border-color:transparent rgba(15,23,42,.8) transparent transparent}@media screen and (max-width: 768px){.timeline-position{font-size:1.2rem}.timeline-company{font-size:1rem}.timeline-info{font-size:.9rem}}@media screen and (max-width: 600px){.timeline:after{left:31px}.content{margin-left:20px;padding:15px}.timeline-info{font-size:.85rem}}.timeline .content ul{list-style-type:none;padding-left:0}.timeline-info:before{content:"▹";position:absolute;left:0;color:#00c9ff}.timeline-info{padding-left:20px;margin-bottom:10px}.email-card{background-color:#0ea5e9;color:#fff}.email-card:hover{background-color:#0284c7;transform:translateY(-5px) scale(1.03);box-shadow:0 12px 40px #0006}.phone-card{background-color:#4338ca;color:#fff}.phone-card:hover{background-color:#3730a3;transform:translateY(-5px) scale(1.03);box-shadow:0 12px 40px #0006}#tt-logo{font-size:1.8rem;font-weight:700;color:#00c9ff;background-color:transparent;padding:5px 15px;border-radius:8px;font-family:Segoe UI,sans-serif;transition:transform .3s ease}#tt-logo:hover{transform:scale(1.1)}@media screen and (max-width: 600px){#work-experience{padding:40px 20px;padding-bottom:300px!important;min-height:auto}}.hamburger-icon{display:none;position:fixed;top:20px;right:20px;z-index:10001;color:#fff;cursor:pointer}.mobile-menu-drawer{display:flex;flex-direction:column;background:#0f172a;position:fixed;top:0;right:-100%;height:100vh;width:250px;z-index:10000;transition:right .3s ease;padding:60px 20px}.mobile-menu-drawer a{color:#fff;font-size:1.2rem;margin-bottom:20px;text-decoration:none;display:flex;align-items:center;gap:10px}.mobile-menu-drawer.open{right:0}@media screen and (max-width: 1024px){.desktop-nav{display:none}.hamburger-icon{display:block}.mobile-nav{display:none!important}}