.koi288-body{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(180deg,#444,#222);font-family:'Poppins',sans-serif;color:#f8f8f8;padding:40px 20px;box-sizing:border-box}.koi288-container{background:linear-gradient(180deg,#2c2c2c,#1a1a1a);max-width:600px;width:100%;border-radius:15px;padding:40px 25px;text-align:center;box-shadow:0 0 25px rgb(0 0 0 / .35)}.koi288-title{font-size:26px;font-weight:700;color:gold;margin-bottom:25px;text-shadow:0 0 10px rgb(255 215 0 / .6)}.koi288-inputbox{margin-bottom:25px}.koi288-input{padding:12px 15px;font-size:16px;border-radius:8px;border:none;width:90%;max-width:350px;outline:none;text-align:center;background:#333;color:gold;box-shadow:inset 0 0 4px rgb(255 215 0 / .2)}.koi288-button{background:linear-gradient(90deg,#ffd700,#ff9900);border:none;color:#1a1a1a;padding:12px 25px;border-radius:8px;font-weight:600;cursor:pointer;margin-top:20px;transition:all 0.3s ease;box-shadow:0 0 10px rgb(255 215 0 / .4)}.koi288-button:hover{background:linear-gradient(90deg,#ffcc00,#ffaa00);transform:scale(1.05)}.koi288-preview{margin-top:30px;word-wrap:break-word;overflow-wrap:break-word}.koi288-text{font-size:60px;font-weight:900;color:gold;line-height:1.1;text-shadow:1px 1px 0 #000,2px 2px 0 #b8860b,3px 3px 6px rgb(255 215 0 / .5),0 0 20px rgb(255 215 0 / .7),0 0 30px rgb(255 140 0 / .5)}@media (max-width:768px){.koi288-body{padding:20px}.koi288-container{padding:30px 15px}.koi288-title{font-size:22px}.koi288-text{font-size:38px;word-break:break-word}.koi288-input{font-size:15px;width:100%}.koi288-button{width:100%;font-size:15px}}
.koi288-metode{max-width:420px;margin:0 auto;text-align:center;color:#fff;font-family:Arial,sans-serif}.koi288-metode-title{font-size:16px;font-weight:700;margin-bottom:12px;color:#b9ffb2}.koi288-metode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.koi288-metode-item{background:#333;padding:8px 4px;border-radius:6px;font-size:13px;font-weight:700;border:1px solid #444;position:relative;box-shadow:0 2px 0 #2ee45f inset;cursor:default}@media (max-width:400px){.koi288-metode-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}.koi288-metode-item{font-size:12px;padding:6px 2px}}.koi288-metode-desc{margin-top:10px;font-size:12px;color:#ccc}.koi288-kategori-menu{width:100%;overflow-x:auto;background:#00000000;padding:10px 0}.koi288-kategori-scroll{display:flex;gap:14px;padding:0 20px;white-space:nowrap}.koi288-kategori-item{display:inline-block;width:80px;text-align:center;cursor:pointer;color:#fff;text-decoration:none}.koi288-kategori-box{display:flex;flex-direction:column;align-items:center;justify-content:center}.koi288-kategori-box img{width:34px;height:34px;margin-bottom:4px}.koi288-kategori-box label{display:block;font-size:11px;font-weight:600;color:#e6e6e6}.koi288-kategori-menu::-webkit-scrollbar{height:4px}.koi288-kategori-menu::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.koi288-kategori-menu::-webkit-scrollbar-track{background:#fff0}