.cinematic-background{position:fixed;top:-50%;left:-50%;width:200%;height:200%;z-index:-1;overflow:hidden;background:linear-gradient(135deg,#c084fc4d,#a855f74d,#c084fc4d);animation:cinematicLights 60s ease-in-out infinite;pointer-events:none;transform-origin:center center}.cinematic-background:before,.cinematic-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transform-origin:center center}.cinematic-background:before{background:radial-gradient(circle 400px at 20% 30%,rgba(255,255,255,.3) 0%,transparent 70%),radial-gradient(circle 800px at 80% 70%,rgba(233,41,118,.3) 0%,transparent 70%);animation:lightMovement1 20s ease-in-out infinite;opacity:.7}.cinematic-background:after{background:radial-gradient(circle 350px at 60% 50%,rgba(255,255,255,.15) 0%,transparent 65%),radial-gradient(circle 350px at 40% 20%,rgba(194,24,91,.15) 0%,transparent 65%);animation:lightMovement2 30s ease-in-out infinite;opacity:.5}@media(prefers-reduced-motion:reduce){.cinematic-background{animation:none}.cinematic-background:before,.cinematic-background:after{animation:none}}.opera-no-animations .cinematic-background,.low-performance .cinematic-background{animation:none}.opera-no-animations .cinematic-background:before,.low-performance .cinematic-background:before,.opera-no-animations .cinematic-background:after,.low-performance .cinematic-background:after{animation:none}.dust-particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;animation-duration:40s,8s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite}.dust-particles:nth-child(1){background:radial-gradient(circle 20px at 15% 25%,rgba(221,214,254,.15) 0%,transparent 70%);animation-name:particleFloat1,particleBlink;animation-delay:0s,0s}.dust-particles:nth-child(2){background:radial-gradient(circle 15px at 85% 45%,rgba(221,214,254,.15) 0%,transparent 70%);animation-name:particleFloat2,particleBlink;animation-delay:0s,.7s}.dust-particles:nth-child(3){background:radial-gradient(circle 20px at 45% 70%,rgba(233,213,255,.15) 0%,transparent 70%);animation-name:particleFloat3,particleBlink;animation-delay:0s,1.4s}.dust-particles:nth-child(4){background:radial-gradient(circle 15px at 70% 15%,rgba(243,232,255,.15) 0%,transparent 70%);animation-name:particleFloat4,particleBlink;animation-delay:0s,2.1s}.dust-particles:nth-child(5){background:radial-gradient(circle 20px at 25% 60%,rgba(221,214,254,.15) 0%,transparent 70%);animation-name:particleFloat5,particleBlink;animation-delay:0s,2.8s}.dust-particles:nth-child(6){background:radial-gradient(circle 15px at 60% 80%,rgba(237,233,254,.15) 0%,transparent 70%);animation-name:particleFloat6,particleBlink;animation-delay:0s,3.5s}.dust-particles:nth-child(7){background:radial-gradient(circle 20px at 90% 30%,rgba(250,245,255,.15) 0%,transparent 70%);animation-name:particleFloat7,particleBlink;animation-delay:0s,4.2s}.dust-particles:nth-child(8){background:radial-gradient(circle 15px at 35% 10%,rgba(233,213,255,.15) 0%,transparent 70%);animation-name:particleFloat8,particleBlink;animation-delay:0s,4.9s}.dust-particles:nth-child(9){background:radial-gradient(circle 20px at 55% 85%,rgba(221,214,254,.15) 0%,transparent 70%);animation-name:particleFloat9,particleBlink;animation-delay:0s,5.6s}.dust-particles:nth-child(10){background:radial-gradient(circle 15px at 12% 50%,rgba(250,245,255,.15) 0%,transparent 70%);animation-name:particleFloat10,particleBlink;animation-delay:0s,6.3s}.dust-particles:nth-child(11){background:radial-gradient(circle 20px at 75% 65%,rgba(221,214,254,.15) 0%,transparent 70%);animation-name:particleFloat11,particleBlink;animation-delay:0s,7s}.opera-no-animations .dust-particles,.low-performance .dust-particles{animation:none}@keyframes cinematicLights{0%{filter:hue-rotate(0deg) brightness(1);transform:rotate(0)}50%{filter:hue-rotate(20deg) brightness(1.1);transform:rotate(180deg)}to{filter:hue-rotate(0deg) brightness(1);transform:rotate(360deg)}}@keyframes lightMovement1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(15%,15%) scale(1.15)}66%{transform:translate(-15%,-15%) scale(.85)}}@keyframes lightMovement2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(25%,-25%) scale(1.25)}}@keyframes particleFloat1{0%,to{transform:translate(0)}33%{transform:translate(10%,-15%)}66%{transform:translate(-10%,10%)}}@keyframes particleFloat2{0%,to{transform:translate(0)}33%{transform:translate(-8%,12%)}66%{transform:translate(12%,-8%)}}@keyframes particleFloat3{0%,to{transform:translate(0)}33%{transform:translate(15%,5%)}66%{transform:translate(-5%,-15%)}}@keyframes particleFloat4{0%,to{transform:translate(0)}33%{transform:translate(-12%,-8%)}66%{transform:translate(8%,12%)}}@keyframes particleFloat5{0%,to{transform:translate(0)}33%{transform:translate(5%,15%)}66%{transform:translate(-15%,-5%)}}@keyframes particleFloat6{0%,to{transform:translate(0)}33%{transform:translate(-15%,5%)}66%{transform:translate(10%,-12%)}}@keyframes particleFloat7{0%,to{transform:translate(0)}33%{transform:translate(12%,12%)}66%{transform:translate(-12%,-12%)}}@keyframes particleFloat8{0%,to{transform:translate(0)}33%{transform:translate(-10%,15%)}66%{transform:translate(15%,-10%)}}@keyframes particleFloat9{0%,to{transform:translate(0)}33%{transform:translate(8%,-12%)}66%{transform:translate(-8%,8%)}}@keyframes particleFloat10{0%,to{transform:translate(0)}33%{transform:translate(-12%,-5%)}66%{transform:translate(12%,5%)}}@keyframes particleFloat11{0%,to{transform:translate(0)}33%{transform:translate(15%,-5%)}66%{transform:translate(-15%,5%)}}@keyframes particleBlink{0%{opacity:0}5%{opacity:1}25%{opacity:1}30%{opacity:0}to{opacity:0}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.modal.active{opacity:1;visibility:visible}.modal-content{background:#fff;border-radius:20px;max-width:900px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;transform:scale(.8);transition:all .3s ease}.modal.active .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid #eee}.modal-header .modal-title-container{display:flex;align-items:center;gap:1rem}.modal-header .modal-icon{width:32px;height:32px;object-fit:contain}.modal-header .modal-icon-fallback{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#9002a269}.modal-header h2{margin:0;color:#333;font-size:1.8rem}.modal-close{background:none;border:none;font-size:2rem;color:#666;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#f5f5f5;color:#333}.modal-body{padding:0 2rem 2rem}.modal-body .modal-embed{margin:1rem 0;text-align:center;position:relative}.modal-body .modal-embed iframe{max-width:100%;border-radius:12px}.modal-body .modal-embed-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:1rem 0}.modal-body .modal-embed-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px}.modal-body .iframe-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background:#ffffffe6;border-radius:50%;padding:1rem}.modal-body .iframe-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #9002a269;border-radius:50%;animation:spin 1s linear infinite}.modal-body .modal-embed-responsive .iframe-loading{width:100%;height:100%;top:0;left:0;transform:none;border-radius:0;padding:0;display:flex;align-items:center;justify-content:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-body .modal-content-wrapper{display:flex;gap:2rem;align-items:center;margin:1rem 0}.modal-body .modal-details{flex:1}.modal-body .modal-type,.modal-body .modal-date{color:#666;font-size:.9rem;margin:.5rem 0 .25rem;font-style:italic}.modal-body .modal-credits{color:#666;font-size:.9rem;margin:.5rem 0 1rem;font-style:italic}.modal-body .modal-screenshot{max-width:300px;width:40%;height:auto;border-radius:12px;box-shadow:0 4px 12px #00000026;align-self:center}.modal-body h3{color:#333;margin:1.5rem 0 .5rem;font-size:1.2rem}.modal-body p{color:#666;line-height:1.6;margin:0 0 1rem}.modal-description{font-size:1.1rem;color:#333!important;margin:1.5rem 0!important}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tech-tag{background:#9002a269;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;font-weight:500}.project-links{display:flex;gap:1rem;margin-top:.5rem}.project-link{background:#9002a269;color:#fff;padding:.8rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:500;transition:all .3s ease}.project-link:hover{background:#63017069;transform:translateY(-2px)}body.modal-open{overflow:hidden}@media(max-width:480px){.modal-content{width:95%;max-height:90vh}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-header h2{font-size:1.5rem}.modal-body{padding:0 1.5rem 1.5rem}.modal-body .modal-content-wrapper{flex-direction:column;gap:1rem}.modal-body .modal-screenshot{float:none;width:100%;max-width:none;margin:0}.project-links{flex-direction:column;gap:.5rem}.project-link{text-align:center}}.tooltip-container{position:relative;display:inline-block}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1070;transition:all .3s ease,color .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #00000026}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000e6}.tooltip-container:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-8px)}@media(max-width:768px){.tooltip{font-size:.8rem;padding:.4rem .6rem}}@media(max-width:768px){.tooltip-container{display:block;width:100%;margin-bottom:.5rem}.tooltip-container a{display:inline-flex;align-items:center;justify-content:flex-start;width:280px;min-width:280px;height:auto;padding:1rem 1.5rem;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-decoration:none;color:#fffc;transition:all .3s ease;position:relative;white-space:nowrap;font-size:1rem}.tooltip-container a:hover{background:#fff3;color:#fff;transform:translate(4px)}.tooltip-container a i{font-size:1.2rem;margin-right:1rem;min-width:20px;flex-shrink:0}.tooltip-container a:after{content:attr(data-tooltip);font-size:.9rem;font-weight:500;flex-shrink:0}.tooltip{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html{scroll-behavior:auto!important}}@media screen and (-webkit-min-device-pixel-ratio:0){.opera-no-animations *,.opera-no-animations *:before,.opera-no-animations *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.opera-no-animations html{scroll-behavior:auto!important}}.low-performance *,.low-performance *:before,.low-performance *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.low-performance html{scroll-behavior:auto!important}@media(max-width:480px){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.15s!important}.hero-social-links a,.project-card,.company-tag,.skill-tag{transition-duration:.15s!important}}.galleries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem auto;max-width:900px}.galleries-grid .gallery-button{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;border:2px solid;border-radius:12px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;text-decoration:none;font-size:1.2rem;font-weight:500;color:#333;-webkit-user-select:none;user-select:none}.galleries-grid .gallery-button i{font-size:2rem;color:inherit}.galleries-grid .gallery-button:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;background:#fffc}.galleries-grid .gallery-button.gallery-photography{border-color:#3b82f6;color:#3b82f6}.galleries-grid .gallery-button.gallery-photography:hover{background:#3b82f61a;border-color:#0b63f3;box-shadow:0 10px 30px #3b82f633}.galleries-grid .gallery-button.gallery-videography{border-color:#ef4444;color:#ef4444}.galleries-grid .gallery-button.gallery-videography:hover{background:#ef44441a;border-color:#eb1515;box-shadow:0 10px 30px #ef444433}.galleries-grid .gallery-button.gallery-discography{border-color:#eab308;color:#eab308}.galleries-grid .gallery-button.gallery-discography:hover{background:#eab3081a;border-color:#b98d06;box-shadow:0 10px 30px #eab30833}.gallery-section{min-height:100vh;padding-top:6rem}.gallery-section .gallery-container{max-width:100%;padding:0}.gallery-section .gallery-title{text-align:center;margin-bottom:3rem;color:#fff;font-size:2.5rem;font-weight:700}.gallery-section .photo-mosaic{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0}.gallery-section .photo-mosaic .photo-item{position:relative;overflow:hidden;aspect-ratio:1}.gallery-section .photo-mosaic .photo-item img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.gallery-section .photo-mosaic .photo-item img:hover{transform:scale(1.05)}@media(max-width:768px){.gallery-section .photo-mosaic{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:480px){.gallery-section .photo-mosaic{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1050;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.image-modal.active{opacity:1;visibility:visible}.image-modal .image-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);opacity:1;transition:all .3s ease}.image-modal.active .image-modal-backdrop{background:#000000e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.image-modal .image-modal-content{position:relative;z-index:1;max-width:95%;max-height:95%;display:flex;align-items:center;justify-content:center}.image-modal .image-modal-content img{max-width:100%;max-height:90vh;height:auto;border-radius:12px;box-shadow:0 20px 60px #00000080;transition:all .3s ease-out;transform:translate(0)}.image-modal .image-modal-content img.slide-out-left{animation:slideOutLeft .2s ease-out forwards}.image-modal .image-modal-content img.slide-out-right{animation:slideOutRight .2s ease-out forwards}.image-modal .image-modal-content img.slide-in-left{animation:slideInLeft .2s ease-out forwards}.image-modal .image-modal-content img.slide-in-right{animation:slideInRight .2s ease-out forwards}.low-performance .image-modal .image-modal-content img,.opera-no-animations .image-modal .image-modal-content img{animation:none!important;transition:all .01s ease}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100px)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.video-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin:2rem auto}@media(min-width:768px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1400px){.video-grid{grid-template-columns:repeat(3,1fr)}}.video-grid .video-item{position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease}.video-grid .video-item:hover{transform:scale(1.02);box-shadow:0 10px 30px #0000004d}.video-grid .video-cover{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-grid .video-cover img{width:100%;height:100%;object-fit:cover}.video-grid .video-cover .play-button{position:absolute;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ffffffe6;border-radius:50%;transition:all .3s ease;pointer-events:none}.video-grid .video-cover .play-button i{color:#9002a269;font-size:2rem;margin-left:4px}.video-grid .video-cover:hover .play-button{background:#fff;transform:scale(1.1)}.video-grid .video-cover:hover .play-button i{color:#f4a5fe69}.video-grid iframe{border-radius:12px}.discography-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin:2rem auto;max-width:800px}@media(min-width:768px){.discography-grid{grid-template-columns:repeat(2,1fr)}}.discography-grid .album-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.discography-grid .album-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.discography-grid .album-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.discography-grid .album-header .album-title{margin:0;font-size:1.5rem;color:#333}.discography-grid .album-header .album-date{font-size:.9rem;color:#666}.discography-grid .album-embed{width:100%;border-radius:12px;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-in{animation:fadeInUp .6s ease-out forwards}.project-card.animate-in{animation:slideInFromLeft .6s ease-out forwards}.skill-tag.animate-in,.company-tag.animate-in{animation:slideInFromRight .6s ease-out forwards}.scroll-to-top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;border:none;background:#9002a269;color:#fff;font-size:20px;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;box-shadow:0 4px 12px #00000026}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background:#63017069;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.scroll-to-top:active{transform:translateY(0)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;min-height:100vh;background:linear-gradient(135deg,#c766ea,#671793 30%,#bf239d)}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;position:fixed;width:100%;top:0;z-index:1000}header.scrolled{box-shadow:0 2px 10px #0000001a}header.scrolled .nav-links a{color:#333}header.scrolled .nav-links a:hover{color:#f4a5fe69}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#fff;display:flex;align-items:center}.logo img{height:50px;width:auto;max-width:200px;object-fit:contain;transition:transform opacity ease}.logo img:hover{transform:scale(1.05)}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:#fff;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#f4a5fe69}main{padding-top:60px}footer{background:#333;color:#fff;text-align:center;padding:2rem 0;margin-top:2rem}footer p{margin:0;font-size:.9rem;opacity:.8}footer a{color:#f4a5fe69;text-decoration:none;transition:all .3s ease}footer a:hover{color:#fff;text-decoration:underline}.hero{text-align:center;padding:0;color:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.hero h1{font-size:3rem;margin-bottom:1rem;animation:fadeInUp 1s ease-out .3s both}.hero p{font-size:1.2rem;margin-bottom:2rem;animation:fadeInUp 1s ease-out .4s both}.profile-picture{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;animation:fadeInUp 1s ease-out .1s both}.profile-picture img{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.3);box-shadow:0 10px 30px #0000004d;transition:all .3s ease}.profile-picture img:hover{transform:scale(1.05);box-shadow:0 15px 40px #0006}.hero-social-links{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin:2rem 0;flex-wrap:wrap}.hero-social-links a{color:#fff9;text-decoration:none;font-size:1.8rem;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.hero-social-links a:hover{color:#fff;background:#fff3;transform:translateY(-3px);box-shadow:0 8px 20px #0003}.hero-social-links a i{font-size:1.3rem}.cta-button{display:inline-block;background:#9002a269;color:#fff;padding:1rem 2rem;text-decoration:none;border:1px solid #fff3;border-radius:12px;font-weight:700;position:relative;overflow:hidden;transition:all .3s ease}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .3s ease}.cta-button:hover{transform:translateY(-3px);background:#a602bb69;border-color:#fffa}.cta-button:hover:before{left:100%}.cta-button:active{transform:translateY(-1px)}.section{padding:4rem 0;background:#fff;margin:2rem 0;border-radius:20px;box-shadow:0 10px 30px #0000001a}.section h2{text-align:center;margin-bottom:3rem;font-size:2.5rem;color:#333}.section .about-subsection h3{margin-top:3rem;margin-bottom:1rem;font-size:1.8rem;color:#333;text-align:center}.section .about-subsection h3:first-of-type{margin-top:2rem}.section .about-subsections{display:block}@media(max-width:768px){.section .about-subsections{display:flex;flex-direction:column;gap:2rem}}@media(min-width:769px){.section .about-subsections{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}.section .about-subsections .about-subsection h3{margin-top:0}.section .about-subsections .about-subsection h3:first-of-type{margin-top:0}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.project-card{background:#f8f9fa;padding:2rem;border-radius:15px;transition:transform .3s ease;position:relative;overflow:hidden;font-weight:700;background-size:cover;background-position:center;background-repeat:no-repeat}.project-card .project-card-overlay{position:absolute;inset:0;background:#f8f9fae6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1;transition:all .3s ease}.project-card>*:not(.project-card-overlay){position:relative;z-index:2}.project-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.project-card:hover .project-card-overlay{background:#f8f9facc}.project-card .project-type-icon{position:absolute;top:1rem;right:1rem;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:0 2px 8px #0000004d;transition:all .3s ease}.project-card .project-type-icon i{pointer-events:none}.project-card .project-type-icon.project-type-dev{background:#10b981;box-shadow:0 2px 8px #10b9814d}.project-card .project-type-icon.project-type-dev:hover{transform:scale(1.1);box-shadow:0 4px 12px #10b98166}.project-card .project-type-icon.project-type-film{background:#ef4444;box-shadow:0 2px 8px #ef44444d}.project-card .project-type-icon.project-type-film:hover{transform:scale(1.1);box-shadow:0 4px 12px #ef444466}.project-card .project-type-icon.project-type-music{background:#eab308;box-shadow:0 2px 8px #eab3084d}.project-card .project-type-icon.project-type-music:hover{transform:scale(1.1);box-shadow:0 4px 12px #eab30866}.project-card .project-type-icon:not(.project-type-dev):not(.project-type-film):not(.project-type-music){background:#9002a269;box-shadow:0 2px 8px #c2185b4d}.project-card .project-type-icon:not(.project-type-dev):not(.project-type-film):not(.project-type-music):hover{transform:scale(1.1);box-shadow:0 4px 12px #c2185b66}.project-card .project-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.project-card .project-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}.project-card .project-header i{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#9002a269;flex-shrink:0}.project-card h3{margin:0;color:#333}.project-card .project-date{display:block;font-size:.85rem;color:#666;margin-bottom:.5rem;font-weight:400}.project-card p{margin-bottom:1rem;color:#666}.project-links{display:flex;gap:1rem}.project-links a{background:#fff;color:#333;padding:.5rem 1rem;border-radius:12px;font-size:.9rem;border:2px solid #9002a269;font-weight:500;text-decoration:none;transition:all .3s ease}.project-links a:hover{background:#9002a269;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #c2185b4d}.skills{flex-wrap:wrap;gap:1rem;display:flex;justify-content:center;align-items:center;margin-top:2rem}.skill-tag{background:#9002a269;color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.9rem}.companies{flex-wrap:wrap;gap:1rem;display:flex;justify-content:center;align-items:center;margin-top:1rem}.company-tag{background:#fff;color:#333;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;border:2px solid #9002a269;font-weight:500;transition:all .3s ease}.company-tag:hover{background:#9002a269;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #c2185b4d}@media(min-width:768px){.logo img{height:60px;max-width:300px}.container{padding:0 15px}}@media(max-width:768px){.logo img{height:70px;max-width:300px}header nav{justify-content:center}.nav-links{display:none}main{margin-top:0}.cta-button{display:none}.hero{display:flex;height:100vh;min-height:100vh;max-height:100vh;overflow:hidden;padding:.5rem 0;box-sizing:border-box}.hero h1{font-size:2rem}.hero p{font-size:1rem}.hero .container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;padding:1rem}.hero .profile-picture img{width:200px;height:200px}.hero p{display:none}.hero-social-links{gap:.5rem;width:100%;flex-direction:column;align-items:center;margin:.5rem 0}.hero-social-links a{min-width:280px;width:80%;height:auto;border-radius:8px;padding:.4rem .6rem;display:inline-flex;justify-content:flex-start;white-space:nowrap;font-size:.85rem;color:#fff!important}.hero-social-links a:hover{color:#fff!important}.section{padding:2rem 0;margin:1rem 0}.section h2{font-size:2rem}.project-card{padding:1.5rem}.projects-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:480px){.logo img{height:50px;max-width:300px}.hero .profile-picture img{width:150px;height:150px}.cta-button,.section,footer{display:none}header{padding:0;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:none!important}}