*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f8f9fa;color:#333;line-height:1.6}.navbar{background-color:#ffffff;padding:15px 5%;display:flex;align-items:center;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.1);border-bottom:1px solid #eaeaea}.logo{display:flex;align-items:center}.logo-icon{width:32px;height:32px;margin-right:12px}.logo-icon img{width:100%;height:100%;object-fit:contain}.logo-text{font-size:22px;font-weight:bold;color:#333}.container{max-width:1200px;margin:80px auto 100px;padding:0 20px}.content-section{display:none;padding:40px 30px;background-color:#ffffff;border-radius:12px;margin-bottom:30px;box-shadow:0 5px 15px rgba(0,0,0,0.05);border:1px solid #eaeaea}.active-section{display:block}.dashboard-intro{text-align:center;margin-bottom:50px}.dashboard-intro h1{font-size:36px;margin-bottom:20px;color:#4a6cf7}.dashboard-intro p{font-size:18px;max-width:800px;margin:0 auto;color:#666;line-height:1.8}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.feature-card{background-color:#ffffff;padding:30px 25px;border-radius:12px;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease;box-shadow:0 3px 15px rgba(0,0,0,0.08);border:1px solid #eaeaea;height:100%;display:flex;flex-direction:column;justify-content:space-between}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.12)}.feature-icon{font-size:48px;color:#4a6cf7;margin-bottom:20px}.feature-card h3{margin-bottom:15px;color:#333;font-size:22px;font-weight:600}.feature-card p{color:#666;line-height:1.7;flex-grow:1}.section-title{text-align:center;margin-bottom:40px;color:#333;font-size:32px;font-weight:600}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;justify-items:center}.product-card{background-color:#ffffff;border-radius:12px;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;box-shadow:0 3px 15px rgba(0,0,0,0.08);border:1px solid #eaeaea;width:100%;max-width:300px;display:flex;flex-direction:column;height:100%}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.12)}.product-image{height:180px;background:linear-gradient(135deg,#4a6cf7,#6c63ff);display:flex;align-items:center;justify-content:center;font-size:60px;color:white}.product-info{padding:25px 20px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.product-title{font-size:20px;margin-bottom:12px;color:#333;font-weight:600;line-height:1.4}.product-price{font-size:20px;color:#4a6cf7;margin-bottom:8px;font-weight:bold}.product-sold{font-size:14px;color:#666;margin-bottom:15px;display:flex;align-items:center;gap:5px}.product-sold::before{content:"🛒";font-size:12px}.product-actions{display:flex;gap:12px;margin-top:auto}.btn{padding:12px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all 0.3s ease;flex:1;text-align:center;text-decoration:none;display:inline-block;font-size:14px}.btn-play{background-color:#f0f2f5;color:#333;border:1px solid #ddd}.btn-play:hover{background-color:#e4e6e9;transform:translateY(-2px)}.btn-buy{background-color:#4a6cf7;color:#fff}.btn-buy:hover{background-color:#3a5ce5;transform:translateY(-2px)}.request-container{max-width:600px;margin:0 auto;background-color:#ffffff;padding:40px 35px;border-radius:12px;text-align:center;box-shadow:0 3px 15px rgba(0,0,0,0.08);border:1px solid #eaeaea}.request-logo{font-size:60px;color:#4a6cf7;margin-bottom:25px}.request-title{font-size:32px;margin-bottom:35px;color:#333;font-weight:600}.form-group{margin-bottom:25px;text-align:left}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:#333;font-size:16px}.form-control{width:100%;padding:14px 16px;border-radius:8px;border:1px solid #ddd;background-color:#fff;color:#333;font-size:16px;transition:border-color 0.3s ease,box-shadow 0.3s ease}.form-control:focus{outline:none;border-color:#4a6cf7;box-shadow:0 0 0 3px rgba(74,108,247,0.15)}.custom-style-input{display:none;margin-top:10px}.custom-style-input.show{display:block}.btn-order{background-color:#4a6cf7;color:#fff;padding:14px 30px;font-size:16px;width:100%;border-radius:8px;font-weight:600}.btn-order:hover{background-color:#3a5ce5;transform:translateY(-2px)}.footer-nav{background-color:#ffffff;position:fixed;bottom:0;width:100%;display:flex;justify-content:space-around;padding:18px 0;box-shadow:0 -2px 15px rgba(0,0,0,0.1);border-top:1px solid #eaeaea}.nav-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;color:#8a8a9e;transition:color 0.3s ease;padding:5px 15px;border-radius:8px}.nav-item.active{color:#4a6cf7;background-color:rgba(74,108,247,0.08)}.nav-icon{font-size:22px;margin-bottom:6px}.nav-text{font-size:13px;font-weight:500}.audio-player{display:none;position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background-color:#ffffff;padding:20px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.15);width:350px;z-index:100;border:1px solid #eaeaea}.audio-player.active{display:block}.audio-title{margin-bottom:15px;font-size:16px;text-align:center;color:#333;font-weight:500}.audio-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.audio-buttons{display:flex;gap:12px;justify-content:center;align-items:center}.audio-btn{background:none;border:none;cursor:pointer;color:#4a6cf7;padding:8px;border-radius:50%;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.audio-btn:hover{background-color:rgba(74,108,247,0.1);transform:scale(1.1)}.audio-btn:active{transform:scale(0.95)}.audio-btn svg{width:20px;height:20px;fill:currentColor}.play-btn{background-color:#4a6cf7;color:white;width:45px;height:45px}.play-btn:hover{background-color:#3a5ce5}.audio-progress{flex:1;height:6px;background-color:#eaeaea;border-radius:6px;margin:0 12px;overflow:hidden;position:relative;cursor:pointer}.audio-progress:hover .audio-progress-bar{background-color:#3a5ce5}.audio-progress-bar{height:100%;background-color:#4a6cf7;width:0%;border-radius:6px;transition:width 0.1s linear,background-color 0.3s ease}.audio-time{font-size:13px;color:#8a8a9e;font-weight:500;min-width:40px}.volume-control{display:flex;align-items:center;gap:8px;margin-top:10px}.volume-slider{flex:1;height:4px;background-color:#eaeaea;border-radius:4px;outline:none;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#4a6cf7;cursor:pointer}.volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#4a6cf7;cursor:pointer;border:none}@media (max-width:768px){.container{margin:70px auto 100px;padding:0 15px}.content-section{padding:30px 20px}.features{grid-template-columns:1fr;gap:20px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.dashboard-intro h1{font-size:28px}.section-title{font-size:28px}.audio-player{width:320px;left:50%;transform:translateX(-50%)}}