body{background:#fff;min-height:100vh;font-family:Segoe UI,Arial,sans-serif;display:flex;justify-content:center;align-items:center}.container{background:url(/img/latar-2.jpg) no-repeat center center;background-size:cover;min-height:100vh;padding:3rem 1rem;border-radius:0;text-align:center;max-width:600px;width:100%;display:flex;flex-direction:column;justify-content:center}h1{color:#e75480;margin-bottom:1rem}@media (max-width: 400px){h1{font-size:1.5rem}}p{font-size:1.2rem;margin-bottom:2rem;line-height:1}.text{color:#000;background-color:#fffc;padding:3rem .5rem;border-radius:10px}.btn{padding:.7rem 2rem;border:none;border-radius:30px;background:#e75480;color:#fff;font-size:1.1rem;cursor:pointer;transition:background .2s}.btn:hover{background:#d72660}.result{margin-top:2rem;font-size:1.3rem;color:#e75480;line-height:1}.floating-music-btn{position:fixed;right:24px;bottom:24px;z-index:10000;width:56px;height:56px;border-radius:50%;background:#e75480;color:#fff;border:none;box-shadow:0 4px 16px #0000002e;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:background .2s}.floating-music-btn:hover{background:#d72660}