*,::after,::before{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;background:#212529;color:#dee2e6;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.visually-hidden{display:none}.mt-48{margin-top:48px}.site-header{background:#495057;padding:20px 0}.header-inner{max-width:1320px;margin:0 auto;padding:0 12px;display:flex;flex-wrap:wrap;align-items:center;gap:0}.logo{white-space:nowrap;display:inline-flex;align-items:center;order:1}.logo-img{max-width:160px;width:100%;height:auto}.text-center{text-align:center}.mt-36{margin-top:36px}.menu-toggle{display:none;order:2;margin-left:auto;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:rgb(0 0 0 / .18);border:2px solid #fff0;border-radius:8px;cursor:pointer}.menu-toggle .bar{width:20px;height:2px;background:#fff;border-radius:2px;transition:transform .25s ease,opacity .25s ease}.menu-toggle[aria-expanded="true"]{border:2px solid #fff}.menu-toggle[aria-expanded="true"] .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] .bar:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.primary-nav{order:3;display:flex;align-items:center;gap:0;flex:1;justify-content:flex-end}.nav-list{display:flex;align-items:center;gap:0;flex-wrap:wrap}.nav-list>li>a,.dropdown-toggle{color:#dee2e6;font-size:16px;line-height:1.5em;background:none;border:none;cursor:pointer;font-family:inherit;padding:8px}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid #fff0;border-bottom:0;border-left:.3em solid #fff0}.nav-list>li>a:hover,.dropdown-toggle:hover{color:#69d0f3}.dropdown-toggle[aria-expanded="true"]{color:#69d0f3}.has-dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 10px);left:0;background:#212529;border:1px solid rgb(255 255 255 / .15);border-radius:6px;min-width:220px;height:auto;max-height:82vh;overflow-y:auto;padding:6px 0;display:none;z-index:50}.dropdown-menu.open{display:block}.dropdown-menu li a{width:100%;display:block;padding:4px 16px;clear:both;font-weight:400;font-size:16px;line-height:1.5em;color:#dee2e6;background:#fff0}.dropdown-menu li a:hover{background:rgb(42.5,47.5,52.5);color:#69d0f3}.social-icons{display:flex;align-items:center;gap:0}.social-icons a{display:flex;align-items:center;justify-content:center;color:#dee2e6;padding:8px}.social-icons a svg,.social-icons a svg path{fill:#dee2e6}.social-icons a svg{width:16px;height:16px}.social-icons a:hover svg,.social-icons a:hover svg path{fill:#69d0f3}.search-form{order:4;display:flex;align-items:center;gap:8px;margin-left:16px;background:#212529;border-radius:6px;padding:6px 12px;border:1px solid #495057;max-width:160px;width:100%;height:38px;position:relative}.custom-search-btn{width:16px;height:16px;background-color:#fff0;color:#fff0;border:none;outline:none;padding:0}.search-icon{color:#dee2e6;flex-shrink:0;width:16px;height:16px}.search-form input{background:#fff0;border:none;outline:none;padding:0;color:#dee2e6;font-size:16px;line-height:1.5em;font-weight:400;width:100%}.search-form input::placeholder{color:#DEE2E6}.genres-section{max-width:1320px;margin:48px auto;padding:0 12px;text-align:center}.genres-section .f-24{font-size:24px;line-height:1.5em;font-weight:600;margin-bottom:24px;color:#DEE2E6}.icone{filter:brightness(0) saturate(100%) invert(93%) sepia(11%) saturate(84%) hue-rotate(169deg) brightness(98%) contrast(89%)}.button-container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.custom-button{width:100%;display:block;background:#495057;border:1px solid #495057;border-radius:6px;padding:8px 12px;font-size:16px;line-height:1.5em;font-weight:400;text-align:center;box-shadow:inset 0 1px 0 rgb(255 255 255 / .15),0 1px 1px rgb(0 0 0 / .075);transition:background .2s ease,transform .2s ease;position:relative}.custom-button::after{content:" ";position:absolute;top:0;left:0;height:100%;width:.75rem;background-color:#69d0f3;border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.custom-button:hover{background:rgb(100.3,106.25,112.2);color:#FFF;border-color:rgb(91.2,97.5,103.8)}.videos-section{max-width:1320px;margin:0 auto 48px;padding:0 12px}.videos-section h2{text-align:center;font-size:24px;line-height:1.5em;margin-bottom:24px;font-weight:600}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.video-card{display:flex;gap:16px;box-shadow:0 2px 4px #00000013;border:1px solid #dee2e6;border-radius:6px;padding:12px 16px;background-color:#495057;border:none}.video-thumb-link{flex-shrink:0}.video-thumb{width:135px;height:101px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#212529}.video-info{flex:1;min-width:0}.video-title{font-size:20px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px}.video-title:hover{color:#69d0f3}.video-meta{font-size:16px;color:#dee2e6;display:flex;align-items:center;gap:16px}.video-meta .divider{color:#dee2e6}.video-meta .share{display:inline-flex;color:#dee2e6}.video-arrow{display:inline-flex;align-items:center;color:#DEE2E6;flex-shrink:0}.video-meta .share svg{width:18px;height:18px}.video-arrow:hover{color:#69d0f3}.content-section{max-width:1320px;margin:0 auto 48px;padding:0 12px}.content-section h1{font-size:30px;font-weight:600;line-height:1.5em;color:#DEE2E6;margin-bottom:30px}.content-section h2{font-size:24px;color:#DEE2E6;line-height:1.5em;font-weight:600;margin-bottom:30px}.content-section h3{font-size:22px;color:#dedede;line-height:1.5em;font-weight:600;margin-bottom:32px}.content-section p{color:#DEE2E6;margin-bottom:16px;font-size:16px;line-height:1.5em;font-weight:400}.content-section ul,.content-section ol{margin:0;padding:0;margin-bottom:16px;color:#dee2e6;list-style-type:disc;margin-left:20px}.content-section ul li,.content-section ol li{font-size:16px;line-height:1.5em;font-weight:400;color:#dee2e6}.content-section ul{list-style:disc}.content-section ol{list-style:decimal}.faq-item{margin-bottom:20px}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:16px}.table-responsive table{width:100%;border-collapse:collapse;margin-top:16px;font-size:16px;margin-bottom:16px;border:1px solid #495057;color:#DEE2E6}table th,table td{text-align:left;padding:10px 14px;color:#DEE2E6;border-bottom:1px solid #495057}table tbody tr:hover td{background:#495057}.site-footer{margin-top:40px}.footer-top{background-color:#495057;padding:24px}.footer-nav{max-width:1320px;margin:0 auto;display:flex;justify-content:center;gap:8px 32px;flex-wrap:wrap;font-size:16px;font-weight:400;line-height:1.5em;color:#DEE2E6}.footer-nav a:hover{color:#69d0f3}.footer-bottom{padding:16px;text-align:center}.footer-copy,.footer-address{font-size:16px;line-height:1.5em;font-weight:400;color:#DEE2E6}.trending-section{max-width:1320px;width:100%;height:auto;margin:0 auto;padding:48px 12px 0}.playlist-header{margin-bottom:30px}.playlist-header h1{margin:0;margin-bottom:15px;color:#DEE2E6;font-size:36px;font-style:normal;font-weight:700;line-height:36px;margin-bottom:24px}.playlist-header p{margin:0;font-size:16px;color:#DEE2E6;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.05px}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:40px 24px;margin-top:30px}.playlist-card{display:block;overflow:hidden;text-decoration:none;transition:.3s}.playlist-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.playlist-card h3{padding:10px 0 0;font-size:14px;margin:0;color:#DEE2E6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.track-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0}.track-list__item{min-width:0}.track-card{display:flex;align-items:center;gap:14px;box-shadow:0 2px 4px #00000013;border:1px solid #495057;border-radius:6px;padding:12px 16px;background-color:#495057;cursor:pointer;transition:box-shadow 0.18s ease,border-color 0.18s ease,transform 0.18s ease}.track-card__thumb-link{flex-shrink:0;display:block;line-height:0;border-radius:7px;overflow:hidden}.track-card__thumb{width:135px;height:100px;border-radius:7px;overflow:hidden;background-color:#212529;flex-shrink:0}.track-card__img{width:100%;height:100%;object-fit:cover}.track-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.track-card__title{font-size:18px;font-weight:700;color:#DEE2E6;line-height:1.3;margin:0;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;min-height:calc(1.3em * 2);word-break:break-word}.data_results2{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px;margin:20px auto}.data_results2 iframe{width:40%;height:60px;border:0;border-radius:8px}.main-videoFrame{width:100%;height:auto;margin:0 auto;position:relative;overflow:hidden;width:60%;padding-top:32.25%}.main-videoFrame iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.blocked_error{max-width:100%;margin:36px auto;padding:24px;background:#495057;border-radius:6px;text-align:center;border:1px solid rgb(255 255 255 / .08);box-shadow:0 2px 10px rgb(0 0 0 / .2)}.blocked_error p{margin:0;color:#DEE2E6;line-height:1.6}.blocked_error p:first-child{font-size:24px;font-weight:700;margin-bottom:10px}.bloacked_id_error{border-left:5px solid #dc3545}.bloacked_id_error p:first-child{color:#ff6b6b}.error{border-left:5px solid #69d0f3}.error p:first-child{color:#69d0f3}#suggestion_box{position:absolute;top:100%;left:0;z-index:10;line-height:0;margin-top:.5rem;box-sizing:border-box;max-height:194px;width:100%;overflow:auto;border-radius:6px;border-width:1px;border-color:rgb(255 255 255 / .15);background-color:#212529;background-clip:padding-box;padding-top:6px;padding-bottom:6px;box-shadow:0 0 #0000,0 0 #0000,0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;display:none;z-index:50}#suggestion_box ul{margin:0;padding:0}li.search_result{padding:6px 14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;cursor:pointer;color:#FFFFFFE6;font-size:16px;font-style:normal;font-weight:400;line-height:normal;list-style:none;margin:0}li.search_result:hover,li.active{background:rgb(42.5,47.5,52.5);color:#69d0f3}.top-search-list{display:flex;flex-wrap:wrap;gap:12px;margin:36px 0;padding:0;list-style:none;justify-content:center}.top-search-item{background:#fff;color:#000;border-radius:999px;padding:8px 16px;font-size:15px;line-height:1.3;cursor:pointer;transition:.25s;user-select:none;white-space:nowrap;border:1px solid #fff0}.top-search-item:hover{background:#69d0f3;color:#fff}.auth-wrapper{max-width:1200px;margin:30px auto;padding:0 15px}.auth-box{width:100%;display:block;background:#495057;border:1px solid #495057;border-radius:6px;padding:8px 12px;box-shadow:inset 0 1px 0 rgb(255 255 255 / .15),0 1px 1px rgb(0 0 0 / .075);transition:background .2s ease,transform .2s ease;position:relative;margin-bottom:20px}.auth-box h2{color:#dee2e6;margin:0 0 20px}.auth-box label{display:block;margin-bottom:8px;font-size:14px;font-weight:700;color:#dee2e6}.auth-box input[type=text],.auth-box input[type=password]{width:100%;margin-bottom:16px;font-size:16px;outline:none;box-sizing:border-box;background:#212529;border-radius:6px;padding:8px 12px;border:1px solid #495057}.auth-box input::placeholder{color:#999}.radio-group{display:flex;gap:25px;flex-wrap:wrap;margin-bottom:18px}.radio-group label{display:flex;align-items:center;gap:4px;font-weight:400;margin:0}.captcha{margin:8px 0 18px}.captcha img{border:1px solid #999}.auth-box button{width:100%;height:45px;border:none;background:#63c6eb;color:#fff;font-size:17px;text-transform:uppercase;cursor:pointer}.auth-box button:hover{background:#4fb8df}.verification-text{display:inline-block;padding:6px 12px;margin:8px 0 12px;border:1px solid #ccc;background:#f5f5f5;color:#0d47a1;font-size:18px;font-weight:700;letter-spacing:2px;user-select:none}@media (max-width:768px){.top-search-list{gap:10px}.top-search-item{font-size:14px;padding:7px 14px}}@media (max-width:1199px){.logo-img{max-width:120px}.nav-list>li>a,.dropdown-toggle{font-size:14px}}@media (max-width:991px){.menu-toggle{display:flex}.primary-nav{order:3;flex:1 1 100%;flex-direction:column;align-items:stretch;justify-content:flex-start;max-height:0;overflow:hidden;gap:0;transition:max-height .25s ease}.primary-nav.open{max-height:600px;margin-top:14px}.nav-list{flex-direction:column;align-items:stretch;gap:14px}.nav-list>li>a,.dropdown-toggle{display:block;width:100%;text-align:left;padding:2px 0;font-size:1rem}.dropdown-menu{position:static;width:100%;box-shadow:none;border:none;padding-left:10px;margin-top:6px}.social-icons{margin:16px 0 0;gap:16px}.social-icons a{padding:0}.social-icons a svg{width:20px;height:20px}.logo-img{max-width:160px}.search-form{order:4;flex:1 1 100%;width:100%;margin-top:16px;margin-left:0;max-width:100%}.search-form input{width:100%;flex:1}.button-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.genre-grid{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(1,1fr)}.track-list{grid-template-columns:repeat(1,1fr)}.track-card{padding:11px 13px;gap:12px}.auth-box{padding:15px}.auth-box h2{font-size:24px}.radio-group{gap:15px}}@media (max-width:600px){.playlist-grid{grid-template-columns:repeat(2,1fr)}.main-videoFrame{width:100%;padding-top:56.25%}.data_results iframe{width:100%}.data_results iframe{width:100%}.blocked_error{margin:24px 12px;padding:18px}.blocked_error p:first-child{font-size:20px}}@media (max-width:450px){.button-container{grid-template-columns:repeat(1,1fr)}.track-card{gap:10px;padding:10px 12px}.track-card__thumb{width:98px;height:69.5px;background-size:505%}.auth-box{padding:12px}.auth-box h2{font-size:22px}.radio-group{display:block}.radio-group label{margin-bottom:8px}}