:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}.App{max-width:100%;margin:0 auto;text-align:center}html{scroll-behavior:smooth;scroll-padding-top:80px}.hero{position:relative;overflow:hidden;min-height:50vh;background-color:#000;display:flex;align-items:center;justify-content:center;padding:20px}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:opacity 1s ease-in-out;opacity:.4;z-index:1}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:100px}.hero h1{font-size:2.5rem;margin-bottom:10px;color:#fff}.hero h2{font-size:2rem;color:#fff}.hero p{font-size:1.2rem;color:#fff}@media(max-width:768px){.hero h1{font-size:1.8rem}.hero h2{font-size:1.5rem}}.navBar{padding:15px 20px;position:sticky;top:0;background-color:#000000e6;z-index:100}.navBar ul{list-style:none;display:flex;gap:15px;margin:0;padding:0;flex-wrap:wrap;justify-content:center}.navBar li{cursor:pointer;color:#f0f8ff;font-size:.9rem}.navBar li:hover{color:gold}@media(max-width:768px){.navBar ul{gap:10px}.navBar li{font-size:.8rem}}@media(max-width:420px){.navBar{padding:10px 15px}.navBar ul{gap:8px}.navBar li{font-size:.7rem}}.navBar a{color:#f0f8ff;text-decoration:none}.navBar a:hover{color:gold}.aboutMe{color:#fff;padding:60px 20px;text-align:center;background-color:#000}.aboutMe h2{font-size:3rem;margin-bottom:30px}.aboutMe p{max-width:800px;margin:20px auto;line-height:1.8;font-size:1.1rem;text-align:left}.angel-img{max-width:500px;width:100%;border-radius:10px;margin:20px auto;display:block}@media(max-width:420px){.aboutMe{padding:40px 15px}.aboutMe h2{font-size:2rem}.aboutMe p{font-size:.95rem;max-width:100%;padding:0 5px}.angel-img{max-width:280px}}.contact{background-color:#a3a2a2;padding:60px 20px;text-align:center}.contact h2{font-size:3rem;color:#f3f3f3;margin-bottom:40px}.social-links{display:flex;gap:100px;justify-content:center;flex-wrap:wrap}.social-links a{font-size:3rem;transition:transform .3s ease}.social-links a:hover{transform:scale(1.2)}.social-links a:nth-child(1){color:#1db954}.social-links a:nth-child(2){color:red}.social-links a:nth-child(3){color:#1877f2}.social-links a:nth-child(4){color:#e4405f}.social-links a:nth-child(5){color:#000}.social-links a:nth-child(6){color:#000}.social-links a:nth-child(7){color:#f50}.social-links a:nth-child(8){color:#171a21}.social-links a:nth-child(9){color:#5865f2}.contact-img{max-width:1000px;width:90%;border-radius:10%;margin:40px auto 0;display:block}@media(max-width:768px){.contact-img{max-width:600px}}.business-section{margin:60px auto 0;padding:30px;background-color:#0003;border-radius:10px;max-width:500px}.business-section h3{font-size:2rem;color:#fff;margin-bottom:20px}.business-section p{font-size:1.2rem;margin:10px 0;color:#fff}.business-section a{color:gold;text-decoration:none}.business-section a:hover{text-decoration:underline}.business-section a svg{font-size:6rem;vertical-align:middle;color:#1dbf73}.music{padding:60px 20px;background-color:#1a1a1a;text-align:center}.music h2{font-size:3rem;color:#fff;margin-bottom:40px}.albums-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto}@media(max-width:420px){.music{padding:40px 10px}.music h2{font-size:2rem;margin-bottom:30px}.albums-container{grid-template-columns:1fr;gap:20px;padding:0 10px}}.discovered-on-container{align-content:center}.discovered-on-container h1{align-content:end}@media(max-width:768px){.music h2{font-size:2.5rem}.albums-container{grid-template-columns:1fr;gap:25px}}.discovered-on-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:40px auto 0}@media(max-width:768px){.discovered-on-container{grid-template-columns:1fr;gap:20px;padding:0 10px}}.footer{background-color:#1a1a1a;color:#fff;padding:30px 20px;text-align:center}.footer p{margin:10px 0;font-size:.9rem}.service-card{max-width:420px;margin:40px auto;background:#181926;border-radius:20px;box-shadow:0 6px 32px #00000059;padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;font-family:Fira Mono,JetBrains Mono,Roboto Mono,Segoe UI,Arial,sans-serif;color:#e0e6f7}.service-card button{background:#23243a;color:#e0e6f7;border:1.5px solid #23243a;border-radius:10px;padding:.7rem 1.5rem;margin:.5rem .5rem 1.2rem;font-size:1.08rem;font-family:inherit;letter-spacing:.03em;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,border .2s;box-shadow:0 2px 12px #1819261a}.service-card button:hover{background:#31324d;color:#7dd3fc;border:1.5px solid #7dd3fc}.service-card button.active{background:linear-gradient(90deg,#7dd3fc,#6366f1);color:#181926;font-weight:700;border:1.5px solid #7dd3fc;box-shadow:0 4px 18px #6366f12e}.service-card form{width:100%;display:flex;flex-direction:column;gap:1.1rem;margin-top:1rem}.service-card input[type=text],.service-card input[type=email]{padding:.7rem 1rem;border:1.5px solid #23243a;border-radius:7px;font-size:1.05rem;background:#23243a;color:#e0e6f7;outline:none;font-family:inherit;transition:border .2s,background .2s}.service-card input[type=text]:focus,.service-card input[type=email]:focus{border:1.5px solid #7dd3fc;background:#23243a}.service-card button[type=submit]{background:linear-gradient(90deg,#6366f1,#7dd3fc);color:#181926;font-weight:700;margin-top:.5rem;border:none;box-shadow:0 2px 12px #6366f11a;letter-spacing:.04em}.service-card button[type=submit]:hover{background:linear-gradient(90deg,#7dd3fc,#6366f1);color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#181926d9;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{background:#23243a;border-radius:18px;padding:2.5rem 2rem 2rem;box-shadow:0 8px 32px #00000073;color:#e0e6f7;font-family:Fira Mono,JetBrains Mono,Roboto Mono,Segoe UI,Arial,sans-serif;min-width:320px;max-width:95vw}.modal-close{position:absolute;top:1.2rem;right:1.5rem;background:none;border:none;color:#7dd3fc;font-size:1.5rem;cursor:pointer}@media(max-width:600px){.service-card{padding:1.2rem .5rem;max-width:98vw}.service-card button{width:100%;margin:.5rem 0}.modal-content{padding:1.2rem .5rem}}.harmonica{width:120px;height:32px;background:linear-gradient(90deg,#b0b4b9,#e0e6f7);border-radius:10px;border:2.5px solid #23243a;box-shadow:0 2px 10px #0000002e;position:relative;margin:0 auto 1.2rem;display:flex;align-items:center;justify-content:center}.harmonica-holes{display:flex;gap:4px;position:absolute;left:12px;right:12px;top:10px;justify-content:space-between}.hole{width:10px;height:12px;background:#23243a;border-radius:2px;box-shadow:0 1px 2px #181926}.harmonica-end{position:absolute;top:0;bottom:0;width:12px;background:#6366f1;border-radius:8px}.harmonica-end.left{left:-8px}.harmonica-end.right{right:-8px}.harmonica-player{display:flex;align-items:flex-end;margin-left:2.5rem;position:relative;height:70px}.harmonica-player-head{width:38px;height:38px;background:#f7d7b5;border-radius:50%;border:2.5px solid #23243a;position:relative;z-index:2}.harmonica-player-hat{width:44px;height:16px;background:#23243a;border-radius:12px 12px 18px 18px;position:absolute;top:-10px;left:-3px;z-index:3}.harmonica-player-body{width:18px;height:38px;background:#6366f1;border-radius:10px 10px 12px 12px;margin-left:10px;margin-top:10px;border:2.5px solid #23243a}.harmonica-player-arm{width:32px;height:10px;background:#f7d7b5;border-radius:8px;position:absolute;top:22px;left:18px;z-index:4;border:2px solid #23243a;transform:rotate(18deg)}.harmonica-player-arm.right{left:8px;top:32px;transform:rotate(-18deg)}.harmonica-player-harmonica{width:32px;height:10px;background:linear-gradient(90deg,#b0b4b9,#e0e6f7);border-radius:4px;border:2px solid #23243a;position:absolute;top:30px;left:10px;z-index:5;box-shadow:0 1px 4px #181926}