*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e0e0e0;line-height:1.6;min-height:100vh}.header,body{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.header{border-bottom:1px solid hsla(0,0%,100%,.1);position:-webkit-sticky;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.3)}.header-container{margin:0 auto;padding:10px 20px}.header-container,.header-top{display:flex;justify-content:space-between;align-items:center}.header-top{flex:0 0 auto}.logo{font-size:24px;font-weight:700;color:#ff6f00;text-decoration:none;letter-spacing:-.5px;flex-shrink:0}.logo:hover{color:#ff8f00}.logo-image{height:40px;width:auto;display:block;transition:all .3s ease}.logo:hover .logo-image{opacity:.8;transform:scale(1.02)}.search-bar{flex:1 1;max-width:500px;margin:0 20px}.search-input{flex:1 1;padding:12px 20px;border:none;background:transparent;color:#fff;font-size:14px;outline:none}.search-input::placeholder{color:hsla(0,0%,100%,.6)}.search-btn{background:linear-gradient(135deg,#ff6f00,#ff8f00);color:#fff;border:none;padding:12px 20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.search-btn:hover{background:linear-gradient(135deg,#ff8f00,#ffab00)}.nav{display:flex;align-items:center;gap:20px}.nav-item{position:relative}.nav-link{color:hsla(0,0%,100%,.9);text-decoration:none;font-size:14px;font-weight:500;padding:8px 16px;border-radius:20px;transition:all .3s ease;cursor:pointer;display:block}.nav-link:hover{background:hsla(0,0%,100%,.1);color:#fff}.dropdown{position:relative}.dropdown-content{position:absolute;top:100%;right:0;background:#2d2d2d;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;min-width:200px;box-shadow:0 5px 15px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;max-height:300px;overflow-y:auto}.dropdown:hover .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{padding:12px 16px;color:hsla(0,0%,100%,.9);font-size:14px;background:transparent;transition:all .3s ease}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:5px}.hamburger{display:flex;flex-direction:column;width:25px;height:20px;position:relative}.hamburger span{display:block;height:3px;width:100%;background:#ff6f00;margin:2px 0;transition:all .3s ease;border-radius:2px}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#2d2d2d;border-top:1px solid hsla(0,0%,100%,.1);z-index:999}.mobile-menu-item{display:block;padding:15px 20px;color:hsla(0,0%,100%,.9);text-decoration:none;font-size:16px;background:transparent;width:100%;text-align:left;cursor:pointer;border:none;border-bottom:1px solid hsla(0,0%,100%,.05)}.mobile-menu-item:hover{background:rgba(255,111,0,.1);color:#ff6f00}.mobile-menu-section{border-bottom:1px solid hsla(0,0%,100%,.1)}.mobile-menu-title{display:block;padding:15px 20px 10px;color:#ff6f00;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (min-width:769px){.header-container{flex-direction:row;align-items:center;gap:20px}.header-top{flex:0 0 auto}.search-bar{flex:1 1;max-width:500px;margin:0 20px}.nav{flex:0 0 auto}.mobile-menu-btn{display:none}}@media (max-width:768px){.header-container{flex-direction:column;gap:12px}.header-top{width:100%;justify-content:space-between}.nav{display:none}.search-bar{width:100%;max-width:none;margin:0}.search-form{border-radius:25px;width:100%}.search-input{padding:12px 18px}.search-btn{padding:12px 20px;font-size:14px}.mobile-menu,.mobile-menu-btn{display:block}}.main-content{min-height:calc(100vh - 70px);padding:1rem 0}.container{padding:0 20px;margin:0 auto;width:100%}h1,h2,h3{margin-bottom:1rem}h1{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#ff6f00,#ff9800);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:2rem;color:#e0e0e0}p{color:#ccc;font-size:1.1rem;line-height:1.8;margin-bottom:1rem}.hero{padding:20px 10px;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);text-align:center;color:#fff}.hero .container{padding:0 20px}.hero h1{font-size:2rem;margin-bottom:1rem;background:linear-gradient(135deg,#ff6f00,#ff9800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.hero p{font-size:1rem;color:#ccc;margin:0 auto;line-height:1.5}.categories-section{margin-bottom:3rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-top:20px;width:100%}.category-card{background:#2d2d2d;border:1px solid #333;border-radius:15px;padding:1rem;text-decoration:none;color:inherit;transition:all .3s ease;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,111,0,.1),rgba(255,152,0,.05));opacity:0;transition:opacity .3s ease}.category-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(255,111,0,.2);border-color:#ff6f00}.category-card:hover:before{opacity:1}.category-card h3{color:#ff6f00;margin-bottom:.5rem;position:relative}.category-card p{color:#ccc;margin:0;position:relative}.category-icon{font-size:2rem;margin-bottom:1rem;display:block}.latest-section{margin-bottom:3rem}.related-section{margin-top:3rem;padding-top:2rem;border-top:1px solid #333}.category-count{background:rgba(255,111,0,.2);color:#ff6f00;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.breadcrumb{margin-bottom:2rem;padding:1rem 0;color:#999;font-size:.9rem}.breadcrumb a{color:#ff6f00;text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:#ff9800}.breadcrumb span{margin:0 .5rem;color:#666}.ringtone-page{max-width:1000px;margin:0 auto}.ringtone-detail{padding:60px 0;border-radius:16px;min-height:500px;position:relative;overflow:hidden}.ringtone-detail-content{max-width:800px;margin:0 auto;padding:0 20px;text-align:center}.ringtone-header h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.2}.ringtone-meta{gap:15px;margin-bottom:40px}.category-badge,.language-badge{padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:capitalize}.ringtone-player-section{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;margin-bottom:30px;border:1px solid hsla(0,0%,100%,.1)}.info-stats{display:flex;justify-content:center;gap:40px;margin-bottom:30px}.stat-label{display:block;color:hsla(0,0%,100%,.7);font-size:.9rem;font-weight:500;margin-bottom:5px}.stat-value{display:block;color:#fff;font-size:1.2rem;font-weight:700}.player-controls{display:flex;flex-direction:column;align-items:center;gap:15px}.play-pause-btn-large{background:linear-gradient(135deg,#ff6f00,#ff8f00);border:none;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px rgba(255,111,0,.3)}.play-pause-btn-large:hover{background:linear-gradient(135deg,#ff8f00,#ffab00);transform:scale(1.1);box-shadow:0 12px 35px rgba(255,111,0,.4)}.play-pause-btn-large.playing{background:linear-gradient(135deg,#f44336,#ff5722);box-shadow:0 8px 25px rgba(244,67,54,.3)}.play-pause-btn-large.playing:hover{background:linear-gradient(135deg,#ff5722,#ff7043);box-shadow:0 12px 35px rgba(244,67,54,.4)}.play-pause-btn-large svg{color:#fff;transition:all .3s ease}.player-text{color:#fff;font-size:1.1rem;font-weight:600}.download-section{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;border:1px solid hsla(0,0%,100%,.1)}.download-section h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:30px;text-align:center}.download-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.download-btn{display:flex;align-items:center;gap:15px;padding:20px 30px;border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;font-size:1rem;min-width:200px;text-align:left;position:relative;overflow:hidden}.ios-btn{background:linear-gradient(135deg,#007aff,#0056cc);color:#fff}.ios-btn:hover{background:linear-gradient(135deg,#0056cc,#003d99);transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,122,255,.3)}.android-btn{background:linear-gradient(135deg,#3ddc84,#2db55d);color:#fff}.android-btn:hover{background:linear-gradient(135deg,#2db55d,#1e7b3a);transform:translateY(-2px);box-shadow:0 10px 25px rgba(61,220,132,.3)}.download-btn svg{flex-shrink:0}.download-btn span{display:flex;flex-direction:column;gap:2px}.download-btn strong{font-weight:700;font-size:1.1rem}.download-btn small{font-size:.8rem;opacity:.9}.search-page-form{display:flex;gap:1rem;margin:2rem 0;align-items:center;justify-content:center;flex-wrap:wrap}.search-page-input{flex:1 1;min-width:300px;background:#2d2d2d;border:2px solid #333;color:#e0e0e0;padding:1rem 1.5rem;border-radius:50px;font-size:1rem;transition:border-color .3s ease}.search-page-input:focus{outline:none;border-color:#ff6f00}.search-results-info{margin:2rem 0;padding:1.5rem;background:#2d2d2d;border-radius:10px;border:1px solid #333}.search-results-info h2{color:#ff6f00;margin-bottom:.5rem}.search-results-info p{color:#ccc;margin:0}.category-page{max-width:1200px;margin:0 auto}.category-header{text-align:center;padding:2rem;background:#2d2d2d;border-radius:15px;margin-bottom:2rem;border:1px solid #333}.category-header h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#ff6f00,#ff9800);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.category-header p{color:#ccc;font-size:1.1rem;margin:0}.category-stats{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.stat-item{text-align:center;color:#999;font-size:.9rem}.no-results{padding:4rem 2rem;background:#2d2d2d;border-radius:15px;border:1px solid #333;margin-top:2rem}.no-results h3{font-size:1.5rem;margin-bottom:1rem}.no-results p{color:#ccc;font-size:1.1rem;margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.ringtone-card{background:#2d2d2d;border-radius:12px;overflow:hidden;transition:all .3s ease;border:1px solid #333;position:relative}.ringtone-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3);border-color:#ff6f00}.ringtone-card .ringtone-content{display:flex!important;flex-direction:column;align-items:center;padding:15px;gap:12px}.ringtone-card a{color:inherit;text-decoration:none;width:100%;text-align:center;display:block}.ringtone-card .ringtone-title{font-weight:600;font-size:1rem;color:#e0e0e0;line-height:1.4;width:100%;text-align:center}.ringtone-card .ringtone-controls{display:flex;align-items:center;justify-content:center;width:100%}.ringtone-card .ringtone-meta{display:flex!important;align-items:center;gap:12px;justify-content:center;width:100%;flex-wrap:nowrap!important;flex-direction:row!important}.ringtone-card .duration-badge{background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;flex-shrink:0;white-space:nowrap;display:inline-block}.ringtone-card .ringtone-downloads{display:flex;align-items:center;gap:4px;color:#999;font-size:.8rem;flex-shrink:0;white-space:nowrap}.ringtone-downloads svg{width:14px;height:14px;color:#ff6f00;flex-shrink:0}.ringtone-card audio{display:none}.play-pause-btn{background:linear-gradient(135deg,#ff6f00,#ff8f00);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(255,111,0,.3)}.play-pause-btn:hover{background:linear-gradient(135deg,#ff8f00,#ffab00);transform:scale(1.05);box-shadow:0 6px 20px rgba(255,111,0,.4)}.play-pause-btn:active{transform:scale(.95)}.play-pause-btn svg{color:#fff;transition:all .3s ease}.play-pause-btn.playing{background:linear-gradient(135deg,#f44336,#ff5722);box-shadow:0 4px 15px rgba(244,67,54,.3)}.play-pause-btn.playing:hover{background:linear-gradient(135deg,#ff5722,#ff7043);box-shadow:0 6px 20px rgba(244,67,54,.4)}.ringtone-card audio::-webkit-media-controls-panel{background-color:#333}.btn{background:linear-gradient(135deg,#ff6f00,#ff9800);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:25px;text-decoration:none;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-block;text-align:center}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,111,0,.4)}input[type=text]:not(.search-input){background:#2d2d2d;border:2px solid #333;color:#e0e0e0;padding:.75rem 1rem;border-radius:8px;font-size:1rem;width:100%;transition:border-color .3s ease}input[type=text]:not(.search-input):focus{outline:none;border-color:#ff6f00}.footer{background:#1a1a1a;color:hsla(0,0%,100%,.8);padding:40px 0 20px;margin-top:auto;border-top:1px solid hsla(0,0%,100%,.1)}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px;margin-bottom:30px}.footer-section h3{color:#ff6f00;font-size:18px;font-weight:600;margin-bottom:15px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:8px}.footer-links a{color:hsla(0,0%,100%,.7);text-decoration:none;font-size:14px;transition:color .3s ease}.footer-links a:hover{color:#ff6f00}.footer-section p{color:hsla(0,0%,100%,.6);font-size:14px;line-height:1.6;margin:0}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:20px;text-align:center}.footer-bottom p{color:hsla(0,0%,100%,.6);font-size:13px;margin:0}.contact-info{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:15px;margin:15px 0}.contact-info p{margin:5px 0;color:hsla(0,0%,100%,.8)}.page-content{max-width:800px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);color:#fff}.page-content h1{color:#ff6f00;font-size:32px}.content-section,.page-content h1{margin-bottom:30px}.content-section h2{color:#ff8f00;margin-bottom:15px;font-size:24px}.content-section h3{color:#ffab00;margin-bottom:10px;font-size:18px}.content-section p{margin-bottom:15px;line-height:1.7}.content-section ul{margin-bottom:15px;padding-left:20px}.content-section li{margin-bottom:8px;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1 1;padding:2rem 0}.section{margin-bottom:40px;width:100%}.ringtones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px;margin:30px 0 0;width:100%}@media (max-width:480px){.ringtones-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}@media (min-width:481px) and (max-width:768px){.ringtones-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}}@media (min-width:769px) and (max-width:1024px){.ringtones-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px}}@media (min-width:1025px){.ringtones-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}.error-state,.loading-state{text-align:center;padding:4rem 2rem;background:#2d2d2d;border-radius:15px;border:1px solid #333}.error-state h2{color:#ff6f00;margin-bottom:1rem}.dropdown-menu{position:absolute;top:100%;left:0;background:#2d2d2d;border:1px solid #333;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1000;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:.75rem 1rem;color:#e0e0e0;text-decoration:none;border:none;background:none;width:100%;text-align:left;font-size:.9rem;cursor:pointer;transition:background-color .3s ease}.dropdown-item:hover{background:rgba(255,111,0,.1);color:#ff6f00}.dropdown-item.active{background:rgba(255,111,0,.2);color:#ff6f00}@media (max-width:768px){.header-container{gap:12px}.nav{display:none}.search-bar{width:100%;max-width:none;margin:0}.search-form{border-radius:25px;width:100%}.search-input{padding:12px 18px}.search-btn{padding:12px 20px;font-size:14px}.mobile-menu,.mobile-menu-btn{display:block}}.categories-menu{background:hsla(0,0%,100%,.05);border-top:1px solid hsla(0,0%,100%,.1);padding:12px 0;overflow:hidden}.categories-container{margin:0 auto;padding:0 20px}.categories-scroll{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0}.categories-scroll::-webkit-scrollbar{display:none}.category-tag{background:rgba(255,111,0,.1);border:1px solid rgba(255,111,0,.3);color:#ff6f00;padding:6px 16px;border-radius:20px;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;transition:all .3s ease;flex-shrink:0}.category-tag:hover{background:rgba(255,111,0,.2);border-color:rgba(255,111,0,.5);color:#ff8f00;transform:translateY(-1px)}.category-tag:active{transform:translateY(0)}@media (max-width:768px){.categories-menu{padding:10px 0}.categories-container{padding:0 15px}.categories-scroll{gap:8px}.category-tag{padding:5px 12px;font-size:13px}}.content{width:100%}.content .container{padding:0 20px}.search-page{max-width:800px;margin:0 auto;padding:40px 20px}.search-form{display:flex;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:25px;overflow:hidden;margin:0}.search-form .search-input{flex:1 1;padding:15px 25px;border:none;background:transparent;color:#fff;font-size:16px;outline:none}.search-form .search-input::placeholder{color:hsla(0,0%,100%,.6)}.search-form .search-btn{background:linear-gradient(135deg,#ff6f00,#ff8f00);color:#fff;border:none;padding:15px 30px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease}.search-form .search-btn:hover{background:linear-gradient(135deg,#ff8f00,#ffab00)}.search-results{margin-top:40px}.search-loading{text-align:center;padding:40px;color:hsla(0,0%,100%,.7)}.no-results{text-align:center;padding:60px 20px;background:hsla(0,0%,100%,.03);border-radius:12px;margin-top:40px}.no-results h3{color:#ff6f00;font-size:24px;margin-bottom:15px}.no-results p{color:hsla(0,0%,100%,.7);font-size:16px}.ringtone-detail{background:hsla(0,0%,100%,.03);border-radius:15px;padding:40px}.ringtone-header{text-align:center;margin-bottom:30px}.ringtone-description{font-size:16px;color:#fff;margin-bottom:20px;line-height:1.5;max-width:600px;margin-left:auto;margin-right:auto}.ringtone-meta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.category-badge,.language-badge{background:linear-gradient(135deg,#ff6f00,#ff8f00);color:#fff;padding:5px 15px;border-radius:15px;font-size:14px;font-weight:500}.ringtone-tags-container{margin-top:30px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;border:1px solid hsla(0,0%,100%,.1)}.ringtone-tags{text-align:center}.tags-title{color:#fff;font-size:24px;margin-bottom:20px;font-weight:600}.tags-label{color:#b0b0b0;font-size:16px;margin-right:15px;font-weight:500}.tags-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:800px;margin:0 auto}.tag-badge{background:linear-gradient(135deg,#333,#555);color:#e0e0e0;padding:8px 18px;border-radius:20px;font-size:14px;font-weight:500;text-decoration:none;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease;display:inline-block;position:relative;overflow:hidden}.tag-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s ease}.tag-badge:hover:before{left:100%}.tag-badge:hover{background:linear-gradient(135deg,#ff6f00,#ff8f00);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,111,0,.4)}.ringtone-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:start}.ringtone-info{display:flex;flex-direction:column;gap:15px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9)}.info-item strong{color:#ff6f00;font-weight:600}.ringtone-actions{display:flex;flex-direction:column;gap:15px}.download-btn,.preview-btn{padding:15px 30px;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.download-btn{background:linear-gradient(135deg,#ff6f00,#ff8f00);color:#fff}.download-btn:hover{background:linear-gradient(135deg,#ff8f00,#ffab00);transform:translateY(-2px)}.preview-btn{background:transparent;color:#ff6f00;border:2px solid #ff6f00}.preview-btn:hover{background:rgba(255,111,0,.1);color:#ff8f00;border-color:#ff8f00}.related-ringtones{margin-top:20px}.related-ringtones h2{color:#fff;font-size:28px;text-align:left}@media (max-width:768px){.search-page{padding:20px 15px}.search-form .search-input{padding:12px 20px}.search-form .search-btn{padding:12px 20px;font-size:14px}.ringtone-detail{padding:20px}.ringtone-header h1{font-size:1.5rem}.ringtone-tags-container{padding:30px 0;margin-top:30px}.tags-title{font-size:20px;margin-bottom:15px}.tags-list{gap:10px;max-width:100%;padding:0 15px}.tag-badge{font-size:13px;padding:6px 14px}.ringtone-content{grid-template-columns:1fr;gap:20px}.ringtone-actions{flex-direction:row}.download-btn,.preview-btn{padding:12px 20px;font-size:14px}.related-ringtones h2{font-size:22px}.error-404{padding:30px 20px;min-height:50vh}.error-content h1{font-size:2rem}.error-404 .search-form{flex-direction:column;gap:15px}.error-404 .search-input{width:100%;max-width:100%}.error-404 .search-btn{width:100%}}.error-404{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:50px 20px}.error-content{text-align:center;max-width:600px;margin:0 auto}.error-content h1{font-size:2.5rem;color:#ff6f00;margin-bottom:1.5rem}.error-url{font-size:1.1rem;margin-bottom:1rem;color:#666}.error-url code{background-color:#f4f4f4;padding:4px 8px;border-radius:4px;font-family:monospace;color:#333}.error-description{font-size:1.1rem;color:#666;margin-bottom:1rem}.error-encourage{font-size:1.2rem;color:#333;margin-bottom:2rem;font-weight:500}.error-actions{margin-top:2rem}.btn-primary{display:inline-block;background:linear-gradient(135deg,#ff6f00,#ff8f00);color:#fff;padding:12px 30px;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;margin-bottom:1.5rem}.btn-primary:hover{background:linear-gradient(135deg,#ff8f00,#ffb300);transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,111,0,.3)}.search-prompt{font-size:1.1rem;color:#666;margin-bottom:1rem}.error-404 .search-form{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:1rem}.error-404 .search-input{padding:12px 20px;border:2px solid #ddd;border-radius:25px;font-size:1rem;width:300px;max-width:100%;transition:border-color .3s ease}.error-404 .search-input:focus{outline:none;border-color:#ff6f00}.error-404 .search-btn{background:linear-gradient(135deg,#ff6f00,#ff8f00);color:#fff;border:none;padding:12px 25px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.error-404 .search-btn:hover{background:linear-gradient(135deg,#ff8f00,#ffb300);transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,111,0,.3)}@media (max-width:768px){.ringtone-detail{padding:40px 0}.download-section,.ringtone-player-section{padding:20px}.info-stats{gap:20px}.download-buttons{flex-direction:column;align-items:center}.download-btn{min-width:250px}.play-pause-btn-large{width:60px;height:60px}.play-pause-btn-large svg{width:24px;height:24px}}.loading-more{padding:40px 20px;margin-top:20px}.loading-more,.searching-state{display:flex;justify-content:center}.searching-state{padding:60px 20px;margin-top:30px}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:15px}.spinner{width:40px;height:40px;border:3px solid rgba(255,111,0,.3);border-top-color:#ff6f00;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner p{color:hsla(0,0%,100%,.8);font-size:14px;margin:0}.end-message{text-align:center;padding:40px 20px;margin-top:20px;border-top:1px solid hsla(0,0%,100%,.1)}.end-message p{color:hsla(0,0%,100%,.6);font-size:14px;margin:0}@media (max-width:768px){.end-message,.loading-more{padding:30px 15px}}