@import"https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{width:100%;min-height:100vh;background-color:transparent;color:#fff;font-family:Urbanist,sans-serif}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 70px;background-color:transparent;color:#fff;position:fixed;width:100%;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.navbar:hover{background-color:#00000080;box-shadow:0 4px 20px #0000004d}.sidename{font-family:Urbanist,sans-serif;font-size:30px;transition:color .3s ease;cursor:pointer}.sidename a{text-decoration:none;color:#fff;transition:color .3s ease;cursor:pointer}.sidename:hover{color:#667eea}.nav-links{display:flex;list-style:none;gap:100px;margin:0;padding:0}.nav-links li{list-style:none}.nav-links a{color:#fff;text-decoration:none;font-family:Urbanist,sans-serif;font-size:30px;transition:all .3s ease;position:relative}.nav-links a:hover{color:#667eea}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#667eea;transition:width .3s ease}.nav-links a:hover:after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer;z-index:1001}.hamburger span{width:30px;height:3px;background:#fff;margin:4px 0;transition:all .3s ease;border-radius:3px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(9px,9px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.mobile-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000b3;z-index:999}.mobile-menu{position:fixed;top:0;right:0;width:75%;max-width:350px;height:100vh;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(102,126,234,.3);z-index:1000;padding:100px 40px}.mobile-menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:40px}.mobile-menu-list li{list-style:none}.mobile-menu-list a{color:#fff;text-decoration:none;font-size:32px;font-weight:600;font-family:Urbanist,sans-serif;transition:all .3s ease;display:block;padding:10px 0;position:relative}.mobile-menu-list a:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:0;height:2px;background:#667eea;transition:width .3s ease}.mobile-menu-list a:hover{color:#667eea;padding-left:15px}.mobile-menu-list a:hover:before{width:10px}@media(max-width:1024px){.navbar{padding:20px 40px}.nav-links{gap:60px}.nav-links a{font-size:26px}}@media(max-width:768px){.navbar{padding:15px 30px}.sidename{font-size:26px}.nav-links{display:none}.hamburger{display:flex}}@media(max-width:480px){.navbar{padding:15px 20px}.sidename{font-size:22px}.hamburger span{width:25px}.mobile-menu{width:85%;padding:80px 30px}.mobile-menu-list{gap:35px}.mobile-menu-list a{font-size:28px}}@media(max-width:360px){.sidename{font-size:20px}.mobile-menu-list a{font-size:24px}}.iridescence-container{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000428,#004e92,#1a237e,#880e4f,#000);overflow:hidden;z-index:-1}.iridescence-light{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 15s ease-in-out infinite}.iridescence-light-1{width:400px;height:400px;background:radial-gradient(circle,#ff007f80,#ff007f00 70%);top:10%;left:10%;animation-delay:0s}.iridescence-light-2{width:350px;height:350px;background:radial-gradient(circle,#00ffc880,#00ffc800 70%);top:20%;right:15%;animation-delay:2s}.iridescence-light-3{width:300px;height:300px;background:radial-gradient(circle,#64c8ff80,#64c8ff00 70%);bottom:20%;left:20%;animation-delay:4s}.iridescence-light-4{width:380px;height:380px;background:radial-gradient(circle,#ff960080,#ff960000 70%);bottom:10%;right:10%;animation-delay:3s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}@media(max-width:768px){.iridescence-light{filter:blur(60px)}.iridescence-light-1{width:250px;height:250px}.iridescence-light-2{width:220px;height:220px}.iridescence-light-3{width:200px;height:200px}.iridescence-light-4{width:240px;height:240px}}*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0;font-family:Urbanist,sans-serif}.home{width:100%;position:relative;z-index:1;overflow:hidden}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.hero{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;text-align:center}.intro-cards-hero{display:flex;justify-content:center;width:100%;max-width:1600px;margin:100px auto 0;padding:0 20px}.intro-card-large{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#00000054;border:1px solid rgba(255,255,255,.1);border-radius:25px;padding:60px;transition:all .3s ease;width:100%;max-width:1400px;align-items:center}.intro-card-large:hover{background:#ffffff14;border:1px solid rgba(102,126,234,.5);box-shadow:0 15px 50px #667eea33;transform:translateY(-5px)}.intro-text-content h2{font-size:50px;color:#fff;margin-bottom:25px;font-weight:700;text-align:left}.intro-text-content p{font-size:25px;line-height:1.6;color:#ffffffd9;margin-bottom:10px;text-align:left}.intro-photo-content{display:flex;align-items:center;justify-content:center;min-height:100px}.intro-photo-image{width:70%;height:auto;object-fit:contain;border-radius:15px;transition:all .3s ease}.intro-skills{display:flex;flex-wrap:wrap;gap:20px;margin-top:50px;text-align:left}.skill-tag{background:linear-gradient(135deg,#1202244d,#764ba24d);color:#f8f8f8c7;padding:10px 16px;border-radius:20px;font-size:16px;font-weight:600;border:1px solid rgba(102,126,234,.4);transition:all .3s ease}.about{display:flex;flex-direction:column;align-items:center;min-height:70vh;padding:80px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about h2{font-size:100px;color:#fff;margin-top:40px;margin-bottom:40px;text-align:left}.about p{font-size:26px;line-height:1.8;color:#ffffffd9;text-align:left;max-width:1600px}.about p1{font-size:40px;line-height:2;color:#ffffffd9;text-align:center;font-weight:700;display:block;margin-top:30px}.intro-software-skills{margin-top:20px;overflow:hidden;width:100%;position:relative}.software-carousel{display:flex;gap:40px;animation:scroll 30s linear infinite;width:fit-content;padding:25px}.software-carousel:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.software-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;background:#667eea1a;border-radius:15px;border:1px solid rgba(102,126,234,.3);min-width:100px}.software-logo{width:50px;height:50px;object-fit:contain}.software-name{color:#f8f8f8c7;font-size:13px;font-weight:600;text-align:center}.education{min-height:100vh;padding:70px 20px;text-align:center}.education h2{font-size:80px;color:#fff;margin-bottom:40px}.education-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1200px;margin:0 auto}.education-item{background:#ffffff0d;padding:30px;border-radius:10px;border:1px solid rgba(255,255,255,.1);text-align:left;display:flex;align-items:center;gap:30px}.education-logo{width:150px;height:150px;object-fit:contain;flex-shrink:0}.education-content h3{font-size:28px;color:#fff;margin-bottom:10px}.education-content p{font-size:18px;color:#fffc}.certificate-grid{display:grid;grid-template-columns:1fr;gap:30px;max-width:1200px;margin:40px auto 0}.certificate-item{background:#ffffff0d;padding:30px;border-radius:10px;border:1px solid rgba(255,255,255,.1);text-align:left}.certificate-item h3{font-size:36px;color:#fff;margin-bottom:20px;text-align:center}.certificate-content p{font-size:22px;color:#fffc;padding:5px 0}.projects-preview{min-height:80vh;padding:80px 20px}.projects-preview h2{font-size:80px;color:#fff;margin-bottom:50px;text-align:center}.projects-grid{display:flex;flex-direction:column;gap:40px;max-width:1200px;margin:40px auto}.project-card{background:#00000054;border:1px solid rgba(255,255,255,.1);padding:40px;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.project-card h3{font-size:36px;color:#fdfdfd;margin-bottom:20px;font-style:italic}.project-text-content p{font-size:20px;color:#fffc;line-height:1.8}.project-carousel-container{display:flex;align-items:center;justify-content:center;gap:15px}.mobile-phone-mockup{position:relative;width:250px;height:500px;background:#000c;border-radius:35px;padding:10px;border:6px solid rgba(50,50,50,.8);overflow:hidden;flex-shrink:0}.carousel-image{width:100%;height:100%;object-fit:cover;border-radius:25px}.landscape-photo-container{width:100%;aspect-ratio:16 / 9;background:#00000080;border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.landscape-image{width:100%;height:100%;object-fit:cover}.carousel-button{background:#667eea4d;border:1px solid rgba(102,126,234,.5);color:#fff;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:5}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:15px}.dot{width:10px;height:10px;border-radius:50%;background:#fff6;cursor:pointer}.dot.active{background:#667eeae6;width:30px;border-radius:5px}.project-card-vertical{display:flex!important;flex-direction:column;align-items:center;text-align:center}.project-card-vertical .project-text-content{text-align:center;margin-top:20px}.project-card-vertical .project-text-content p{text-align:center}.contact-spotify{position:relative;width:100vw;max-width:none;margin:50px 0 0;border-radius:0;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;min-height:50vh;display:flex;align-items:flex-end;padding:60px 0;background-color:#12121223;overflow:hidden;background-size:cover;background-position:center 30%}.spotify-bg-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#000000f2);z-index:1}.spotify-container{position:relative;z-index:2;color:#fff;width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.artist-badge{display:flex;font-size:25px;font-weight:100;margin:10px 0 20px;letter-spacing:1px;line-height:1.8}.artist-name{font-size:90px;font-weight:700;margin:10px 0 20px;letter-spacing:-2px;line-height:1.1}.monthly-listeners{font-size:20px;font-weight:300;margin-bottom:40px;color:#ffffffb3}.spotify-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.spotify-play-btn{background:#f00000;color:#fff;padding:15px 40px;border-radius:50px;font-weight:700;text-decoration:none;font-size:16px;transition:transform .2s}.social-links{display:flex;gap:30px}.art-label{top:-10px;right:-15px;background:#0f12109c;color:#fff;font-size:15px;font-weight:700;padding:2px 5px;border-radius:4px}.social-icon-img{width:40px;height:40px;object-fit:contain;filter:brightness(0) invert(1)}.verified-img,.linkedim-icon-img{width:40px;height:40px;object-fit:contain}@media(max-width:1024px){.intro-card-large{grid-template-columns:1fr;text-align:center;gap:40px}.intro-text-content h2,.intro-text-content p,.intro-skills{text-align:center;justify-content:center}.education-grid,.project-card{grid-template-columns:1fr}.project-text-content h3{text-align:center}.project-text-content p{text-align:left}.about h2,.education h2,.projects-preview h2{font-size:60px}}@media(max-width:768px){.hero{padding:60px 15px}.intro-card-large{padding:30px 20px}.intro-text-content h2{font-size:28px}.intro-text-content p{font-size:16px}.about h2{font-size:45px}.about p{font-size:16px}.about p1{font-size:24px}.intro-card-large{display:flex;flex-direction:column-reverse;align-items:center;gap:20px;padding:30px 20px}.intro-text-content{text-align:center;width:100%}.project-card-vertical .project-text-content p{text-align:left}.intro-photo-content{width:130%;display:flex;justify-content:center;margin-bottom:20px}.education h2{font-size:45px}.education-item{flex-direction:column;padding:20px;text-align:center}.education-logo{width:100px;height:100px}.certificate-item h3{font-size:28px}.certificate-item p{font-size:17px}.projects-preview h2{font-size:45px}.project-card{padding:25px 15px;gap:25px}.project-card h3{font-size:23px}.project-card p{font-size:17px}.mobile-phone-mockup{width:200px;height:400px}.contact-spotify{padding:30px}.artist-name{font-size:45px}.spotify-actions{flex-direction:column;align-items:flex-start;gap:20px}.spotify-play-btn{width:100%;text-align:center}}@media(max-width:480px){.intro-text-content h2{font-size:28px}.mobile-phone-mockup{width:180px;height:360px;border-width:4px}.landscape-photo-container{width:100%}.carousel-button{width:35px;height:35px;font-size:14px}.social-links{gap:15px}.contact-spotify{margin:px 0}.artist-badge{font-size:15px}.projects-preview h2{font-size:45px}.project-card{padding:25px 15px;gap:25px}.project-card h3{font-size:23px}.project-card p{font-size:15px}}