.promo-popup{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(50px);background:rgba(0,0,0,.8);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;text-align:center;opacity:0;transition:opacity .5s,transform .5s}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);align-items:center;justify-content:center}.modal-content{background:#fff;color:#000;padding:15px;width:85%;max-width:320px;border-radius:10px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.3);opacity:0;transform:scale(.7);animation:popUp .3s ease-in-out forwards;position:relative}@keyframes popUp{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes popOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}.close{color:#000;position:absolute;top:10px;right:15px;font-size:20px;font-weight:700;cursor:pointer}.qris-image{width:70%;max-width:200px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.3);margin:10px 0}.chat-buttons{display:flex;justify-content:center;gap:10px;margin-top:15px}.telegram,.whatsapp{padding:8px 12px;font-size:14px;border:none;border-radius:5px;cursor:pointer}.whatsapp{background:#25d366;color:#fff}.whatsapp:hover{background:#128c7e}.telegram{background:#08c;color:#fff}.telegram:hover{background:#069}.promo-popup.show{opacity:1;transform:translateX(-50%) translateY(0)}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:linear-gradient(-45deg,#007bff,#00c6ff,#0f9,#f60);background-size:400% 400%;color:#fff;text-align:center;padding-top:50px;overflow-x:hidden;animation:bgAnimation 10s infinite alternate;transition:background .5s,color .5s;position:relative}@keyframes bgAnimation{0%{background-position:0 50%}100%{background-position:100% 50%}}body.dark-mode{background:#222;color:#ddd}.particle{position:absolute;width:10px;height:10px;background:#fff;opacity:.7;border-radius:50%;animation:moveParticles 5s linear infinite}@keyframes moveParticles{0%{transform:translateY(0) translateX(0);opacity:1}100%{transform:translateY(-100vh) translateX(20px);opacity:0}}header{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);padding:20px;border-radius:10px;width:90%;max-width:800px;margin:auto;box-shadow:0 5px 15px rgba(0,0,0,.2);animation:fadeIn 1s ease-out}nav ul{list-style:none;display:flex;justify-content:center;gap:20px;padding:20px}nav ul li a{text-decoration:none;color:#fff;font-size:1.2em;font-weight:700;padding:10px 20px;border-radius:5px;transition:.3s ease-in-out}nav ul li a:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.toggle-theme{background:#fff;color:#333;padding:10px;border-radius:20px;cursor:pointer;font-size:16px;transition:.3s ease-in-out;border:none;outline:0}.toggle-theme:hover{background:#f1c40f;color:#000;transform:scale(1.1)}section{margin-top:30px;padding:30px;background:#fff;color:#333;width:90%;max-width:800px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.2);margin-left:auto;margin-right:auto;opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}section.active{opacity:1;transform:translateY(0)}.popup{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-50px);background:rgba(0,0,0,.8);color:#fff;padding:15px;border-radius:5px;opacity:0;transition:opacity .5s ease-out,transform .5s ease-out}.popup.show{opacity:1;transform:translateX(-50%) translateY(0)}.btn{display:inline-block;margin-top:15px;padding:12px 25px;background:#007bff;color:#fff;text-decoration:none;font-size:1em;font-weight:700;border-radius:5px;transition:.3s ease-in-out;box-shadow:0 5px 10px rgba(0,123,255,.3)}.btn:hover{background:#0056b3;transform:scale(1.1)}.whatsapp{background:linear-gradient(45deg,#25d366,#128c7e);color:#fff}.whatsapp:hover{background:linear-gradient(45deg,#128c7e,#25d366)}.telegram{background:linear-gradient(45deg,#08c,#005682);color:#fff}.telegram:hover{background:linear-gradient(45deg,#005682,#08c)}.email{background:linear-gradient(45deg,#f60,#cc5200);color:#fff}.email:hover{background:linear-gradient(45deg,#cc5200,#f60)}.testimoni-section{margin:50px auto;max-width:800px;background:#fff;color:#333;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.2);opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.testimoni-section.active{opacity:1;transform:translateY(0)}.testimoni{display:flex;align-items:center;gap:20px;margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:15px}.testimoni:last-child{border-bottom:none}.testimoni img{width:60px;height:60px;border-radius:50%;border:3px solid #007bff}.testimoni-text{text-align:left}.testimoni-text h4{margin:0;font-size:1.2em;color:#007bff}.testimoni-text p{margin:5px 0 0;font-size:1em}.shop-item{background:#fff;color:#333;padding:20px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.2);margin-bottom:20px;transition:transform .3s ease-in-out}.shop-item:hover{transform:scale(1.05)}.shop-item h3{margin-bottom:10px}.shop-item p{font-size:1.1em;margin-bottom:15px}.shop-item .btn{background:#f60;color:#fff}.shop-item .btn:hover{background:#cc5200}