*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:inherit;margin:0;color:#fff;overflow-x:hidden;min-height:100vh;background-color:transparent}:root{--x0: 50%;--y0: 50%;--c0: rgba(147,51,234,.7);--speed0: .0003;--x1: 30%;--y1: 30%;--c1: rgba(65,0,129,.7);--speed1: .00035;--x2: 70%;--y2: 40%;--c2: rgba(236,72,153,.7);--speed2: .00032;--x3: 20%;--y3: 80%;--c3: rgba(106,0,255,.7);--speed3: .0004;--x4: 80%;--y4: 70%;--c4: rgba(0,132,255,.7);--speed4: .00038}@keyframes hero-gradient-animation{to{--x0: 70% ;--y0: 30% ;--x1: 10% ;--y1: 50% ;--x2: 90% ;--y2: 20% ;--x3: 40% ;--y3: 60% ;--x4: 60% ;--y4: 90% }}.navbar{backdrop-filter:blur(12px);background:#ffffff1a!important;border-bottom:1px solid rgba(255,255,255,.2)}.navbar .nav-link,.navbar-brand{color:#fff!important}.breadcrumb{background:#ffffff1a;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.2)}.breadcrumb span{color:#dc3545}.header-section{padding:20px 30px;background:#ffffff0d;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.2)}.header-section h1{margin:0}.filter-bar{display:flex;align-items:center;gap:12px;padding:15px 30px;background:#ffffff1a;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.2)}.filter-bar select{padding:6px;border-radius:6px;border:1px solid #ccc}.filter-bar .btn{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.filter-bar .btn i.fa-sliders{font-size:16px;margin-right:8px}.search-container{display:flex;gap:8px;flex:1;max-width:500px}.search-container input{border-radius:8px;border:1px solid #ddd;padding:8px 12px;font-size:14px}.search-container .btn-primary{background-color:#dc3545;border:none;padding:8px 16px}.search-container .btn-primary:hover{background-color:#c82333}.filter-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1050;display:flex;align-items:center;justify-content:center}.filter-popup .popup-content{background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 20px 50px #00000059;padding:24px;width:92%;max-width:520px;color:#fff;display:flex;flex-direction:column;gap:14px}.filter-popup h4{font-size:18px;font-weight:700;margin-bottom:8px;color:#fff}.filter-popup .btn{font-size:14px;padding:10px 14px;border-radius:10px}.filter-popup .form-control{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:10px 12px}.filter-popup .form-control::placeholder{color:#ffffffd9}.filter-popup .form-control:focus{outline:none;border-color:#ffffff73;background:#ffffff2e;box-shadow:0 0 0 2px #dc354540}.filter-popup .category-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:10px 14px}.filter-popup .category-btn:hover{background:#ffffff29}.filter-popup .category-btn.btn-success{background-color:#dc3545;border-color:#dc3545;color:#fff}.filter-popup .btn-primary{background-color:#dc3545;border-color:#dc3545}.filter-popup .btn-primary:hover{background-color:#c82333;border-color:#c82333}.filter-popup .btn-secondary{background-color:#ffffff2e;border:1px solid rgba(255,255,255,.25);color:#fff}.filter-popup .btn-secondary:hover{background-color:#ffffff42}.filter-popup .price-label{font-size:.8rem;color:#fff9;margin-top:4px}.filter-popup .category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}@media (max-width: 480px){.filter-popup{align-items:flex-end}.filter-popup .popup-content{width:100%;max-width:none;padding:25px 20px 40px;border-radius:30px 30px 0 0;max-height:85vh;overflow-y:auto;transform:translateY(100%);transition:transform .3s ease-out;border-bottom:none}.filter-popup:not(.d-none) .popup-content{transform:translateY(0)}.filter-popup .popup-content:before{content:"";width:40px;height:4px;background:#fff3;border-radius:2px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.filter-popup .btn{font-size:14px;padding:14px;border-radius:15px}.filter-popup .category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.filter-popup .category-btn{padding:12px 10px;font-size:12px;min-height:50px;border-radius:15px}.filter-popup h4{text-align:center;margin-bottom:20px;font-size:20px}}.jasa-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:16px}.jasa-card{background:#ffffff1a;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:16px;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;height:100%;text-align:left;padding:0}.jasa-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.jasa-card img{width:100%;aspect-ratio:1;object-fit:cover;margin-bottom:0}.jasa-card .card-content{padding:12px;display:flex;flex-direction:column;gap:8px}.jasa-card .product-title{font-size:14px;font-weight:400;color:#212121;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;height:40px}.jasa-card .product-price{font-size:16px;font-weight:700;color:#212121;margin:0}.jasa-card .product-seller{font-size:12px;color:#757575;margin:0;display:flex;align-items:center;gap:4px}.jasa-card .seller-icon{color:#0077b6;font-size:14px}.jasa-card .product-location{font-size:12px;color:#757575;margin:0;display:flex;align-items:center;gap:4px}.jasa-card .product-location:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;color:#007bff;margin-right:4px}.jasa-card .product-category{font-size:10px;text-transform:uppercase;color:#757575;margin:0;display:flex;align-items:center;gap:4px}.jasa-card .product-rating{display:flex;align-items:center;font-size:13px;gap:3px;margin-bottom:2px}.jasa-card .product-rating i{font-size:13px;color:#ffc107;margin-right:1px}.jasa-card .product-rating .rating-value{font-size:12px;color:#555;margin-left:3px;font-weight:500}.category-btn{border:1px solid #ccc;background-color:#fff;color:#333;transition:all .3s ease}.category-btn.btn-success{background-color:#28a745;color:#fff;border-color:#28a745}.breadcrumb,.filter-bar,.header-section,.footer,.footer-bottom{background:transparent!important;backdrop-filter:none!important;border:none!important}@media (max-width: 768px){.jasa-container{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px}.jasa-card .product-title{font-size:11px;height:32px;line-height:1.3}.jasa-card .product-price{font-size:13px}.jasa-card{padding:6px}.jasa-card .card-content{padding:4px;gap:4px}.jasa-card img{margin-bottom:4px;border-radius:8px}.jasa-card .product-rating{font-size:10px;gap:2px}.jasa-card .product-rating i{font-size:10px}.jasa-card .product-seller,.jasa-card .product-location,.jasa-card .product-category{font-size:9px}.jasa-card h3{font-size:14px;margin-bottom:4px}.jasa-card .product-price{font-size:12px;margin-bottom:4px}.jasa-card .product-description{font-size:10px;margin-bottom:6px}.jasa-card .product-seller{font-size:10px;margin-bottom:8px}.jasa-card .btn{padding:4px 8px;font-size:10px}.jasa-card .product-rating,.jasa-card .product-rating i{font-size:11px}.jasa-card .product-rating .rating-value{font-size:10px}}.dark-mode{background:#1a1a1a!important;color:#e0e0e0!important}.dark-mode .breadcrumb{background:#2d2d2d;color:#b0b0b0;border-bottom:1px solid #404040}.dark-mode .breadcrumb span{color:#ff6b6b}.dark-mode .filter-bar{background:#2d2d2d;box-shadow:0 2px 4px #ffffff0d}.dark-mode .filter-bar select{background:#3d3d3d;color:#e0e0e0;border:1px solid #555}.dark-mode .filter-bar .btn{background:#404040;color:#e0e0e0;border:1px solid #555}.dark-mode .filter-bar .btn:hover{background:#555}.dark-mode .filter-popup{background:#000000b3}.dark-mode .filter-popup .popup-content{background:#2d2d2d;color:#e0e0e0}.dark-mode .filter-popup h4{color:#ff6b6b}.dark-mode .jasa-card{background:#2d2d2d;box-shadow:0 2px 4px #ffffff1a}.dark-mode .jasa-card:hover{box-shadow:0 4px 8px #ffffff26}.dark-mode .jasa-card .product-title{color:#e0e0e0}.dark-mode .jasa-card .product-price{color:#ff6b6b}.dark-mode .jasa-card .product-seller,.dark-mode .jasa-card .product-location,.dark-mode .jasa-card .product-category,.dark-mode .jasa-card .product-rating .rating-value{color:#b0b0b0}.dark-mode .category-btn{background-color:#3d3d3d;color:#e0e0e0;border:1px solid #555}.dark-mode .category-btn:hover{background-color:#555}.dark-mode .category-btn.btn-success{background-color:#28a745;color:#fff;border-color:#28a745}.dark-mode .jasa-card img,.dark-mode .social-icons img,.dark-mode .apps img,.dark-mode .payment-logos img{opacity:.9;filter:brightness(.9)}.dark-mode .jasa-card img:hover{opacity:1;filter:brightness(1)}.dark-mode .header-section h1{color:#e0e0e0}.dark-mode .navbar{background-color:#1f1f1f!important}.dark-mode .navbar-brand,.dark-mode .nav-link{color:#e0e0e0!important}.dark-mode .navbar-brand:hover,.dark-mode .nav-link:hover{color:#ff6b6b!important}.jasa-card{background:#ffffff1a;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.jasa-card .product-title,.jasa-card .product-price,.jasa-card .product-seller,.jasa-card .product-location,.jasa-card .product-category,.jasa-card .product-description,.jasa-card .product-rating{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.jasa-card .product-price{font-weight:700}