:root{--primary-color: #f5c542;--primary-hover: #e0b936;--text-color: #333;--bg-light: #ffffff;--bg-dark: #1a1a1a}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:var(--bg-light);color:var(--text-color)}html,body{min-height:100%}#root{min-height:100dvh}.app-wrapper{display:flex;flex-direction:column;min-height:100dvh}.main-content{flex:1}@media(min-width:992px){.main-content{padding-top:70px;padding-bottom:0}}@media(max-width:991px){.main-content{padding-top:50px;padding-bottom:60px}}a,.nav-item-link,.bottom-nav-item,button{color:var(--primary-color);transition:all .3s ease}a:hover,.nav-item-link:hover,.bottom-nav-item:hover,.active,button:hover{color:var(--primary-hover)}.active{color:var(--primary-hover)!important}.navbar{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.nav-item-link{color:#333!important;transition:all .3s ease;border-bottom:2px solid transparent}.nav-item-link:hover,.nav-item-link.active{color:#f5c542!important;border-bottom:2px solid #f5c542}.bottom-nav-item{color:#777!important;transition:color .3s ease}.bottom-nav-item.active{color:#f5c542!important}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-outline-primary{color:var(--primary-color);border-color:var(--primary-color)}.btn-outline-primary:hover{background-color:var(--primary-color);color:var(--bg-light);border-color:var(--primary-hover)}@media(max-width:768px){h1{font-size:1.5rem!important;line-height:2rem!important}p{font-size:.875rem!important;line-height:1.25rem!important}}@media(min-width:992px){body{padding-top:0;padding-bottom:0}}@media(max-width:991px){body{padding-top:0;padding-bottom:0}}.img-responsive-shadow{box-shadow:none}@media(min-width:768px){.img-responsive-shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}}@media(min-width:1200px){.img-responsive-shadow{box-shadow:0 1rem 3rem rgba(0,0,0,.3)}}.btn-global{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;border-radius:.5rem;padding:.6rem 1.4rem;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.btn-primary-global{background-color:var(--primary-color);border-color:var(--primary-color);color:#1a1a1a}.btn-primary-global:hover,.btn-primary-global:focus{background-color:var(--primary-hover);border-color:var(--primary-hover);color:#1a1a1a;box-shadow:0 6px 10px rgba(0,0,0,.15)}.btn-outline-global{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline-global:hover,.btn-outline-global:focus{background-color:var(--primary-color);color:#1a1a1a;border-color:var(--primary-hover)}.btn-global-sm{padding:.4rem 1rem;font-size:.85rem}.btn-global-md{padding:.6rem 1.4rem;font-size:1rem}.btn-global-lg{padding:.8rem 2rem;font-size:1.2rem}.btn-global:hover{transform:translateY(-2px)}.shadow-elevation{box-shadow:0 4px 6px rgba(0,0,0,.2)}.outline-none:focus{box-shadow:none!important;outline:none!important;border-color:#ced4da!important}.song-card:hover{background-color:#f8f9fa;transform:translateY(-2px)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.event-card,.song-card{transition:all .3s ease;border-radius:1rem}.event-card:hover,.song-card:hover{transform:translateY(-6px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.dropdown-toggle{transition:all .3s ease}.dropdown-toggle:hover{background-color:#ffcd39!important}@media(max-width:576px){h2{font-size:1.8rem!important}.dropdown-toggle{width:90%}.d-flex.justify-content-between{flex-direction:column;text-align:center}.d-flex.justify-content-between .btn{margin-top:10px}}body[data-theme=light]{background-color:#f8f9fa;color:#121212}body[data-theme=dark]{background-color:#343a41;color:#fff}body[data-theme=light] .how-to-download-section{background-color:#f5f0d0;color:#212529}body[data-theme=dark] .how-to-download-section{background-color:#1a1a1a;color:#f8f9fa}body[data-theme=dark] .how-to-download-section .text-secondary{color:#d1d1d1!important}body[data-theme=dark] .how-to-download-section .btn-outline-global{border-color:#f5c542;color:#f5c542}body[data-theme=light] .our-services-section{background-color:#fff;color:#212529}body[data-theme=dark] .our-services-section{background-color:#121212;color:#f8f9fa}body[data-theme=dark] .our-services-section .text-secondary{color:#d1d1d1!important}body[data-theme=dark] .our-services-section .card,body[data-theme=dark] .side-bar,body[data-theme=dark] .side-bar .list-group-item{background-color:#1e1e1e;color:#f8f9fa}.song-card,.col-12.col-md-6{transition:all .3s ease-in-out}[data-theme=dark] input.form-control,[data-theme=dark] .form-select,[data-theme=dark] .input-group-text{background-color:#1e1e1e!important;color:#f8f9fa!important;border-color:#444!important}[data-theme=dark] input.form-control::placeholder{color:#aaa!important}[data-theme=dark] .form-control:focus,[data-theme=dark] .form-select:focus{background-color:#2a2a2a!important;border-color:#ffc107!important;color:#fff!important;box-shadow:0 0 0 .2rem rgba(255,193,7,.25)!important}[data-theme=light] input.form-control,[data-theme=light] .form-select{background-color:#fff!important;color:#212529!important}[data-theme=dark] .payment-overlay{background:linear-gradient(135deg,rgba(20,20,20,.95),rgba(35,35,35,.98));color:#f5f5f5!important}[data-theme=dark] .payment-overlay .bg-white{background-color:#1e1e1e!important}[data-theme=dark] .payment-overlay .text-dark{color:#f5f5f5!important}[data-theme=dark] .payment-overlay .text-muted{color:#bbb!important}[data-theme=dark] .payment-overlay .form-control,[data-theme=dark] .payment-overlay .input-group-text{background-color:#2a2a2a!important;border-color:#444!important;color:#fff!important}[data-theme=dark] .payment-overlay .form-control::placeholder{color:#aaa!important}[data-theme=dark] .payment-overlay .form-control:focus,[data-theme=dark] .payment-overlay .form-select:focus{background-color:#2a2a2a!important;border-color:#ffc107!important;color:#fff!important;box-shadow:0 0 0 .2rem rgba(255,193,7,.25)!important}[data-theme=dark] .payment-overlay .btn-outline-secondary{border-color:#555!important;color:#ddd!important}[data-theme=dark] .payment-overlay .btn-outline-secondary:hover{background-color:#333!important}[data-theme=dark] .payment-overlay .btn-warning{background-color:#ffc107!important;color:#000!important}[data-theme=dark] .payment-overlay .text-warning{color:#ffc107!important}[data-theme=dark] .payment-overlay .shadow-lg{box-shadow:0 4px 25px rgba(0,0,0,.7)!important}.perm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);display:flex;justify-content:center;align-items:center;backdrop-filter:blur(5px);z-index:99999}.perm-modal{background:#fff;width:90%;max-width:420px;padding:25px;border-radius:16px;text-align:center;animation:fadeIn .3s ease-out;box-shadow:0 10px 25px rgba(0,0,0,.15)}.perm-allow-btn{width:100%;padding:12px;margin-top:15px;border:none;font-size:18px;background:#3b82f6;color:#fff;border-radius:10px;cursor:pointer}.perm-allow-btn:hover{background:#2563eb}.perm-note{margin-top:15px;font-size:13px;opacity:.7}@keyframes fadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}