:root{--primary-color:#2563eb;--secondary-color:#1e40af;--accent-color:#3b82f6;--text-color:#1f2937;--light-text:#6b7280;--bg-color:#ffffff;--light-bg:#f9fafb;--dark-bg:#041c35;--border-color:#e5e7eb;--shadow:0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06);--breakpoint-lg:62rem;--breakpoint-md:48rem;--breakpoint-sm:30rem;--btn-bg:#7e22ce;--btn-border:#7e22ce}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.themeToggler{box-sizing:border-box;position:fixed;width:2.222rem;height:5rem;top:6.667rem;right:-.667rem;color:var(--light-bg);font-size:1rem;z-index:6000;border:.167rem solid var(--bg-color);border-radius:.556rem;padding:0 .556rem 0 .556rem;background-color:var(--dark-bg);box-shadow:0 0 .167rem .111rem var(--border-color);writing-mode:vertical-rl;text-orientation:mixed;text-align:center;opacity:.1;animation:fadeIn 1s ease-in forwards}.themeToggler:hover{cursor:pointer}@keyframes fadeIn{from{opacity:.3}to{opacity:1}}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-size:1rem;color:var(--text-color);background-color:var(--bg-color)}.container{width:100%;max-width:75rem;margin:0 auto;padding:0 1.25rem}section{padding:5rem 0}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:2.5rem;text-align:center;color:var(--text-color);position:relative}.section-title::after{content:'';position:absolute;bottom:-.625rem;left:50%;transform:translateX(-50%);width:5rem;height:.25rem;background-color:var(--primary-color);border-radius:.125rem}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:600;text-align:center;text-decoration:none;transition:all .3s ease;cursor:pointer;min-height:2.75rem;min-width:2.75rem}.btn-primary{background-color:var(--primary-color);color:white;border:.125rem solid var(--primary-color)}.btn-primary:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);transform:translateY(-.125rem)}.btn-secondary{background-color:transparent;color:white;border:.125rem solid var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:var(--primary-color);color:var(--light-bg);transform:translateY(-.125rem)}.btn-outline{background-color:transparent;color:var(--primary-color);border:.125rem solid var(--primary-color);padding:.5rem 1rem}.btn-outline:hover{background-color:var(--primary-color);color:white}.navbar{position:fixed;top:0;right:0;width:100%;background-color:var(--bg-color);box-shadow:var(--shadow);z-index:1000;padding:.9375rem 0}.navbar .container{display:flex;justify-content:space-between;align-items:center;position:relative}.logo{font-size:1.5rem;font-weight:700;color:var(--text-color);text-decoration:none}.nav-links{position:fixed;display:flex;z-index:150;top:0;right:0;width:20rem;background-color:var(--bg-color);flex-direction:column;padding:1.2rem;box-shadow:.125rem .25rem .375rem var(--shadow);display:none;line-height:3rem}.nav-links.responsive{display:flex}.nav-links a{margin-left:1.875rem;color:var(--text-color);text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--primary-color)}.menu-toggle{position:fixed;display:block;z-index:155;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color);padding:.3125rem}.hero{padding:9.375rem 0 5rem;background-color:var(--dark-bg)}.hero .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.hero-content{flex:1;min-width:18.75rem;padding-right:2.5rem}.hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1.25rem;line-height:1.2;color:var(--light-bg)}.hero h2{font-size:1.5rem;font-weight:400;color:var(--light-bg);margin-bottom:1.875rem}.hero-buttons{display:flex;gap:1.25rem;margin-top:1.875rem}.hero-image{flex:1;min-width:18.75rem;text-align:center}.positioning-statement{font-size:1.2rem;margin:1rem auto;line-height:1.5;color:var(--bg-color);text-align:justify;font-style:italic}.profile-img{width:100%;max-width:25rem;border-radius:1.25rem;box-shadow:var(--shadow);height:auto}.filteredImage{filter:contrast(200%) drop-shadow(.5rem .5rem .625rem gray)}.about .relevant-links{background-color:var(--bg-color)}.about-content,.key-stats,.key-skills,.key-links{display:flex;align-items:center;gap:2.5rem;flex-wrap:wrap}.key-links{flex-direction:column}.about-text,.relevant-links{flex:1;min-width:18.75rem}.about-text p,.relevant-links p{margin-bottom:1.25rem;font-size:1.1rem;text-align:justify}.about-image{flex:1;min-width:18.75rem;align-self:baseline}.about-image img{width:100%;border-radius:.625rem;box-shadow:var(--shadow);height:auto}.skills,.stats{margin-top:1.875rem}.links{display:flex;box-sizing:border-box;width:100%;column-gap:2rem}.links>*{flex:1}.link-content{width:100%;text-wrap-mode:nowrap}.linkButton{display:inline-block;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:600;text-align:center;text-decoration:none;transition:all .3s ease;cursor:pointer;min-height:2.75rem;min-width:2.75rem;width:100%}.skills h3,.stats h3{margin-bottom:.9375rem;font-size:1.5rem}.skill-tags,.stats-areas{display:flex;flex-wrap:wrap;gap:.625rem}.skill-tags span,.stats-areas span{background-color:var(--dark-bg);color:var(--light-bg);padding:.5rem 1rem;border-radius:1.25rem;font-size:.9rem;font-weight:500}.experience{background-color:var(--light-bg)}.timeline{position:relative;max-width:50rem;margin:0 auto}.timeline::before{content:'';position:absolute;top:0;left:3.125rem;height:100%;width:.125rem;background-color:var(--primary-color)}.timeline-item{position:relative;padding-left:6.25rem;margin-bottom:3.125rem}.timeline-date{position:absolute;left:0;top:0;width:5rem;padding:.3125rem .625rem;background-color:var(--primary-color);color:white;border-radius:1.25rem;text-align:center;font-weight:600}.timeline-content{background-color:var(--bg-color);padding:1.875rem;border-radius:.625rem;box-shadow:var(--shadow);text-align:justify}.timeline-content h3{font-size:1.3rem;margin-bottom:.3125rem}.timeline-content h4{font-size:1rem;color:var(--light-text);margin-bottom:.9375rem;font-weight:500}ul ul.checklist,ul.arrowlist,ul.crosslist{list-style-type:none}ul li{text-align:justify!important;margin-right:.6em!important;line-height:1.6rem}ul li::marker{content:"\2666\00A0\00A0";color:black;font-size:larger}ul.checklist li::marker{content:"\2705\00A0\00A0";color:black;font-size:medium}ul.arrowlist li::marker{content:"\27A1\00A0\00A0";color:black;font-size:medium}ul.crosslist li::marker{content:"\274C\00A0\00A0";color:black;font-size:medium}ul>li>ul{padding-right:0;margin-right:0;margin-left:0;padding-left:0}ul>li>ul>li{padding-right:0;margin-right:0;margin-left:0;padding-left:0}.timeline-content ul{padding-left:1.25rem}.timeline-content li{margin-bottom:.625rem}.projects{background-color:var(--bg-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(21.875rem,1fr));gap:1.875rem;margin-top:2.5rem}.project-card{background-color:var(--bg-color);border-radius:.625rem;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s ease}.project-card:hover{transform:translateY(-.625rem)}.project-image{aspect-ratio:16/9;background:#f0f0f0}.project-image img{width:100%;height:100%;object-fit:cover}.project-info{padding:1.25rem}.project-info h3{font-size:1.3rem;margin-bottom:.625rem}.project-info p{color:var(--light-text);margin-bottom:.9375rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.project-tech span{background-color:var(--light-bg);padding:.3125rem .75rem;border-radius:1.25rem;font-size:.8rem;font-weight:500}.music-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.625rem,1fr));gap:1.875rem;margin:2.5rem 0}.music-card{background-color:white;border-radius:.625rem;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s ease;cursor:pointer}.music-card:hover{transform:translateY(-.625rem)}.music-card img{width:100%;height:12.5rem;object-fit:cover}.music-card h3{padding:.9375rem .9375rem .3125rem;font-size:1.1rem}.music-card p{padding:0 .9375rem .9375rem;color:var(--text-light);font-size:.9rem}.contact{background-color:var(--light-bg)}.contact-content{display:flex;gap:2.5rem;flex-wrap:wrap}.contact-info{flex:1;min-width:18.75rem}.contact-info h3{font-size:1.5rem;margin-bottom:1.25rem}.contact-info p{margin-bottom:.9375rem;display:flex;align-items:center;gap:.625rem}.contact-info i{color:var(--primary-color);width:1.25rem;text-align:center}.social-links{display:flex;gap:.9375rem;margin-top:1.875rem}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:var(--bg-color);color:var(--primary-color);border-radius:50%;font-size:1.2rem;transition:all .3s ease}.social-links a:hover{background-color:var(--primary-color);color:white;transform:translateY(-.1875rem)}.contact-form{flex:1;min-width:18.75rem}.form-group{margin-bottom:1.25rem}.form-group input,.form-group textarea{width:100%;padding:.75rem .9375rem;border:.0625rem solid var(--border-color);border-radius:.375rem;font-family:inherit;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:7.5rem}.footer{background-color:var(--text-color);color:white;padding:3.75rem 0 1.25rem}.footer-content{display:flex;flex-wrap:wrap;gap:2.5rem;margin-bottom:2.5rem}.footer-logo{flex:1;min-width:15.625rem}.footer-logo a{color:white;font-size:1.5rem;font-weight:700;text-decoration:none;margin-bottom:.9375rem;display:inline-block}.footer-logo p{color:rgba(255,255,255,.7);margin-top:.625rem}.footer-links{flex:1;min-width:9.375rem}.footer-links a{display:block;color:rgba(255,255,255,.7);margin-bottom:.625rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:white}.footer-social{flex:1;min-width:9.375rem}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:rgba(255,255,255,.1);color:white;border-radius:50%;font-size:1.2rem;margin-right:.625rem;transition:all .3s ease}.footer-social a:hover{background-color:var(--primary-color);transform:translateY(-.1875rem)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.25rem;border-top:.0625rem solid rgba(255,255,255,.1);flex-wrap:wrap;gap:1.25rem}.footer-bottom p{color:rgba(255,255,255,.7);font-size:.9rem}.legal-links a{color:rgba(255,255,255,.7);font-size:.9rem;margin-left:1.25rem;text-decoration:none;transition:color .3s ease}.legal-links a:hover{color:white}.creative-section{background-color:#f9f2ff;border-top:.0625rem solid #e9d5ff}.btn-purple{background-color:var(--btn-bg);color:white;border:.125rem solid var(--btn-border)}.btn-purple:hover{background-color:#6b21a8;border-color:#6b21a8}.featured-releases{margin-top:2.5rem;text-align:center}.cta{text-align:center;margin-top:2.5rem}.creative-section .project-tech span{background-color:#e9d5ff;color:#7e22ce}#scrollToTopBtn{position:fixed;bottom:1.25rem;right:1.25rem;width:3.125rem;height:3.125rem;border-radius:50%;background-color:var(--primary-color);color:white;border:none;font-size:1.5rem;cursor:pointer;display:none;z-index:999;transition:all .3s ease}#scrollToTopBtn:hover{background-color:var(--secondary-color);transform:translateY(-.1875rem)}img{max-width:100%;height:auto;display:block}.faq-section{padding:5rem 0;background-color:var(--light-bg)}.faq-container{width:100%;max-width:75rem;margin:0 auto;padding:0 1.25rem}.faq-item{margin-bottom:2.5rem;padding:1.875rem;background-color:var(--bg-color);border-radius:.625rem;box-shadow:var(--shadow)}.faq-item h3{font-size:1.3rem;margin-bottom:1rem;color:var(--text-color)}.faq-item p{margin-bottom:1rem;font-size:1.1rem;line-height:1.6;text-align:justify}.faq-item a{color:var(--primary-color);text-decoration:none;font-weight:500}.faq-item a:hover{text-decoration:underline}@media (max-width:1200px){.hero .container{flex-direction:column;text-align:center}.hero-content{padding-right:0;margin-bottom:2.5rem}.hero-buttons{justify-content:center}.nav-links{width:70%}.about-content{flex-direction:column}.about-text,.relevant-links{margin-bottom:1.875rem}.timeline::before{left:2.5rem}.timeline-item{padding-left:5rem}.timeline-date{width:4.375rem;font-size:small}}@media (max-width:1024px){section{padding:3.75rem 0}.section-title{font-size:2rem}.nav-links a{margin:.625rem 0}.hero-buttons{flex-direction:column;gap:.9375rem}.links{flex-direction:column;gap:1.5rem}.hero h1{font-size:2.5rem}.hero h2{font-size:1.2rem}.projects-grid{grid-template-columns:1fr}.contact-content{flex-direction:column}.contact-info{margin-bottom:1.875rem}.footer-content{flex-direction:column}.footer-bottom{flex-direction:column;text-align:center}.legal-links a{margin:0 .625rem}.form-group input,.form-group textarea{font-size:1rem;min-height:2.75rem}}@media (max-width:480px){.nav-links{width:85%}.hero h1{font-size:2rem}.hero-buttons{flex-direction:column;gap:.9375rem}.btn{width:100%}.timeline::before{display:none}.timeline-item{padding-left:0}.timeline-date{position:static;margin-bottom:.625rem;font-size:small}.hero-content,.about-text,.relevant-links{padding:0 .9375rem}.faq-item{padding:1.25rem;margin-bottom:1.5rem}.faq-item h3{font-size:1.2rem}.faq-item p{font-size:1rem}.faq-header{margin-left:1.933rem}}@media (max-width:400px){.nav-links{width:100%}.section-title{font-size:1.8rem}}