*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;line-height:1.6;color:#ffffff;background-color:#000000}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.cyan-text{color:#00ffff}header{background-color:rgba(0,0,0,.9);padding:20px 0;position:fixed;width:100%;top:0;z-index:1000}.header-content{justify-content:space-between}.header-content,.logo-and-title{display:flex;align-items:center}.logo{width:50px;height:50px;margin-right:20px}.title h1{font-size:1.5em;margin-bottom:5px;color:#00ffff}.title p{font-size:.9em;color:#ffffff}nav ul{list-style-type:none;display:flex}nav ul li{margin-left:20px}nav ul li a{text-decoration:none;color:#ffffff;font-weight:600}nav ul li:hover{transition:1s}nav ul .active,nav ul li:hover{border-bottom:2px solid #fff}.cover-container{position:relative;width:100%;height:auto;margin-top:90px}.cover-image{width:100%;height:auto;max-height:400px;object-fit:cover;margin-top:0}.welcome-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.1)}.welcome-text{color:#ffffff;font-size:2.5rem;text-align:center;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.7);animation:fadeIn 1.5s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-content{padding-top:40px}.about-me{background-color:#111111;padding:40px 0;margin-top:20px}.about-me h2{font-size:2em;margin-bottom:20px;color:#ffffff}.about-content{display:flex;flex-wrap:wrap;gap:40px}.profile-image{flex:1 1;min-width:300px}.profile-image img{width:100%;height:auto;border-radius:10px}.about-text{flex:1 1;min-width:300px}.about-description,.about-tabs{margin-bottom:20px}.about-tabs{display:flex}.tab-button{padding:10px 20px;background-color:#333333;border:none;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;color:#ffffff}.tab-button.active{background-color:#00ffff;color:#000000}.tab-content{display:none;opacity:0;transition:opacity .3s ease}.tab-content.active{display:block;opacity:1}.tab-content p{margin-bottom:15px}.tab-content span{color:#00ffff;font-weight:700}.tab-content ul{list-style-type:none;padding-left:0}.tag{background-color:#40e4e4;color:#000000;padding:5px;border-radius:10px;margin:5px}.featured-projects{background-color:#111111;padding:40px 0}.featured-projects h2{font-size:2em;margin-bottom:20px;color:#ffffff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px}.project-link{text-decoration:none;color:inherit;display:block;height:100%}.project-card{background-color:#222222;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease;height:100%;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-5px)}.project-image{position:relative;height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);color:#ffffff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;text-align:center;padding:20px}.project-image:hover .project-overlay{opacity:1}.project-overlay p{font-size:.9em;line-height:1.4}.project-title{padding:15px 15px 5px;font-weight:700;color:#ffffff}.project-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;padding:0 15px 15px}.parallax-container{position:relative;height:50vh;overflow:hidden}.parallax-content{position:relative;height:100%}.parallax-image{top:0;height:100%;object-fit:cover}.parallax-header,.parallax-image{position:absolute;left:0;width:100%}.parallax-header{bottom:50px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 50px}.parallax-title{position:relative;background-color:rgba(0,0,0,.7);padding:20px;color:#ffffff;max-width:45%;margin-right:auto}.parallax-title h2{font-size:2.5em;margin-bottom:10px}.parallax-image-container{position:relative;max-width:35%;padding:0;display:flex;justify-content:flex-end;align-items:flex-end;background-color:transparent;margin-left:auto;right:20px;bottom:20px}.title-image{max-width:100%;height:auto;max-height:200px}.project-content{background-color:#111111;padding:40px 0}.about-project{margin-bottom:40px}.about-project h2{font-size:2em;margin-bottom:20px;color:#ffffff}.two-column-layout{display:flex;gap:40px;margin-top:40px}.column{flex:1 1}.column h3{font-size:1.5em;margin-bottom:20px;color:#ffffff}.additional-image{width:100%;margin-bottom:20px}.carousel-container{position:relative;width:100%;max-width:800px;margin:0 auto;overflow:hidden}.carousel-track{display:flex;transition:transform .3s ease-in-out}.carousel-image{width:100%;flex-shrink:0}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.5);color:#ffffff;border:none;font-size:24px;padding:10px 15px;cursor:pointer}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}.carousel-pagination{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center}.pagination-dot{width:10px;height:10px;border-radius:50%;background-color:rgba(255,255,255,.5);margin:0 5px;cursor:pointer;transition:background-color .3s ease}.pagination-dot.active{background-color:#00ffff}.sprite-showcase{padding:40px 0}.sprite-grid-container{background-color:#ffffff;padding:30px;border-radius:10px;margin-top:20px;max-width:600px;margin-left:auto;margin-right:auto}.sprite-grid{grid-template-rows:repeat(3,1fr);grid-gap:20px}.sprite-grid,.sprite-grid-small{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:500px;margin:0 auto}.sprite-grid-small{grid-template-rows:1fr;grid-gap:20px}.sprite-item{background-color:rgba(0,0,0,.05);border-radius:5px;padding:15px;display:flex;justify-content:center;align-items:center;transition:transform .3s ease}.sprite-item:hover{transform:scale(1.05)}.sprite-item img{max-width:100%;height:auto;image-rendering:pixelated}.role-details,.tech-details{list-style-type:none;padding-left:0}.role-details li,.tech-details li{margin-bottom:10px}.download-section{text-align:center;margin-top:40px}.download-button{display:inline-block;background-color:#00ffff;color:#000000;font-weight:700;padding:15px 30px;border-radius:5px;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.download-button:hover{background-color:#00cccc;transform:translateY(-2px)}.track-container{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:60px;align-items:center}.track-content,.track-embed{flex:1 1;min-width:300px}.track-title{font-size:1.8em;color:#00ffff}.track-description p,.track-title{margin-bottom:15px}.soundcloud-container{width:100%;border-radius:8px;overflow:hidden;background-color:#222222;box-shadow:0 4px 10px rgba(0,0,0,.2)}.soundcloud-container iframe{display:block;border:none;width:100%}.soundcloud-container div{padding:10px;background-color:#222222}.music-showcase{padding:40px 0}.music-showcase h2{margin-bottom:40px}.process-section{padding:40px 0;background-color:#111111}.process-timeline{display:flex;flex-direction:column;gap:30px;margin-top:30px}.timeline-item{background-color:#222222;border-radius:10px;padding:25px;position:relative;border-left:4px solid #00ffff}.timeline-item h3{color:#00ffff;margin-bottom:15px;font-size:1.4em}.challenges-section{padding:40px 0;background-color:#111111}.challenges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:25px;gap:25px;margin-top:30px}.challenge-card{background-color:#222222;border-radius:10px;padding:25px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease}.challenge-card:hover{transform:translateY(-5px)}.challenge-card h3{color:#00ffff;margin-bottom:15px;font-size:1.3em}.video-showcase{padding:40px 0;background-color:#111111}.video-container{margin:40px 0}.video-container h3{color:#ffffff;margin-bottom:20px;font-size:1.5em}.mp4-embed,.youtube-embed{width:100%;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.2)}.mp4-embed video,.youtube-embed iframe{display:block;width:100%;border-radius:10px}.project-image-container{margin:30px 0;width:100%;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.2)}.project-content-image{width:100%;height:auto;display:block;transition:transform .3s ease}.project-image-container:hover .project-content-image{transform:scale(1.02)}.portfolio-listing{padding:40px 0}.portfolio-intro{max-width:800px;margin:0 auto 40px;text-align:center;color:#cccccc}.portfolio-list{display:flex;flex-direction:column;gap:30px;margin-top:30px}.portfolio-item{display:flex;background-color:#222222;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease}.portfolio-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.3)}.portfolio-thumbnail-container{flex:0 0 25vw;height:220px;overflow:hidden;position:relative;cursor:pointer}.portfolio-thumbnail-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,255,255,.1);opacity:0;transition:opacity .3s ease}.portfolio-thumbnail-container:hover:after{opacity:1}.portfolio-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portfolio-item:hover .portfolio-thumbnail{transform:scale(1.05)}.portfolio-content{flex:1 1;padding:20px;display:flex;flex-direction:column}.portfolio-description{margin-bottom:15px;color:#ffffff;line-height:1.5}.portfolio-title-link{color:#00ffff;text-decoration:none;transition:color .3s ease;display:inline-block}.portfolio-title-link:hover{color:#ffffff;text-decoration:underline}.portfolio-tags-spaced{margin-top:20px}.contact-container{display:flex;flex-wrap:wrap;gap:30px;margin:40px 0}.contact-card{background-color:#222222;border-radius:10px;padding:30px;display:flex;align-items:flex-start;flex:1 1;min-width:300px;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease}.contact-icon{font-size:2.5rem;color:#00ffff;margin-right:20px;min-width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,255,255,.1);border-radius:50%;flex-shrink:0}.contact-info{flex:1 1;word-break:break-word}.contact-info,.contact-link{overflow-wrap:break-word;word-wrap:break-word}.contact-link{color:#00ffff;text-decoration:none;transition:color .3s ease;display:inline-block;max-width:100%}.contact-text{color:#ffffff}.contact-form-section{background-color:#111111;padding:40px 0;margin-top:20px}.contact-form{max-width:800px;margin:30px auto 0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#ffffff;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px 15px;background-color:#222222;border:1px solid #333333;border-radius:5px;color:#ffffff;font-family:Poppins,sans-serif;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00ffff}.submit-button{display:inline-block;background-color:#00ffff;color:#000000;font-weight:700;padding:15px 30px;border-radius:5px;text-decoration:none;transition:background-color .3s ease,transform .3s ease;border:none;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem}.submit-button:hover{background-color:#00cccc;transform:translateY(-2px)}footer{background-color:#111111;color:#ffffff;text-align:center;padding:20px 0;margin-top:20px}@media (min-width:992px){.title-image{max-height:250px}.parallax-image-container{right:30px;bottom:30px}}@media (max-width:1024px){.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}@media (max-width:768px){.about-content{flex-direction:column}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cover-image{height:200px}.header-content{flex-direction:column;align-items:flex-start}nav{margin-top:10px}nav ul{flex-direction:column}nav ul li{margin-left:0;margin-top:10px}.parallax-header{flex-direction:column;align-items:center;padding:0 20px;bottom:20px}.parallax-title{max-width:90%;margin-bottom:10px;margin-right:0}.parallax-image-container{max-width:70%;margin-left:0;right:0;bottom:0;justify-content:center}.title-image{max-height:180px}.track-container,.two-column-layout{flex-direction:column}.track-content-left,.track-content-right,.track-embed-left,.track-embed-right{order:unset}.track-embed{width:100%}.soundcloud-container{max-width:100%}.challenges-grid{grid-template-columns:1fr}.mp4-embed,.youtube-embed{height:auto}.youtube-embed iframe{height:300px}.portfolio-grid{grid-template-columns:1fr}.portfolio-image{height:250px}.portfolio-item{flex-direction:column}.portfolio-thumbnail-container{flex:0 0 200px;width:100%}.portfolio-content{padding:15px}.contact-container{flex-direction:column}.contact-card{width:100%}.sprite-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr)}.sprite-grid-container{padding:15px}.sprite-grid-small{grid-template-columns:repeat(3,1fr)}.welcome-text{font-size:1.8rem}}@media (max-width:480px){.sprite-grid{grid-template-columns:1fr}.sprite-grid-small{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(3,1fr)}.welcome-text{font-size:1.5rem}}